@charset "utf-8";
@import url(../icons/style.css);





@media (max-width:640px) {
.f14 {
	font-size: 13px
}
}
.f15 {
	font-size: 15px
}
@media (max-width:640px) {
.f15 {
	font-size: 1rem
}
}
.f16 {
font-size:.8rem
}
@media (max-width:768px) {
.f16 {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.f16 {
	font-size: 1rem
}
}
.f17 {
font-size:.85rem
}
@media (max-width:768px) {
.f17 {
font-size:.94444444rem
}
}
@media (max-width:640px) {
.f17 {
	font-size: 1.0625rem
}
}
.f18 {
font-size:.9rem
}
@media (max-width:768px) {
.f18 {
font-size:.94444444rem
}
}
.f19 {
font-size:.95rem
}
.f20 {
	font-size: 1rem
}
.f21 {
	font-size: 1.05rem
}
@media (max-width:768px) {
.f21 {
	font-size: 1rem
}
}
.f22 {
	font-size: 1.1rem
}
@media (max-width:768px) {
.f22 {
	font-size: 1.04761905rem
}
}
.f23 {
	font-size: 1.15rem
}
@media (max-width:768px) {
.f23 {
	font-size: 1.04545455rem
}
}
.f24 {
	font-size: 1.2rem
}
@media (max-width:768px) {
.f24 {
	font-size: 1.09090909rem
}
}
.f25 {
	font-size: 1.25rem
}
@media (max-width:768px) {
.f25 {
	font-size: 1.08695652rem
}
}
.f26 {
	font-size: 1.3rem
}
@media (max-width:768px) {
.f26 {
	font-size: 1.13043478rem
}
}
.f27 {
	font-size: 1.35rem
}
@media (max-width:768px) {
.f27 {
	font-size: 1.125rem
}
}
.f28 {
	font-size: 1.4rem
}
@media (max-width:768px) {
.f28 {
	font-size: 1.16666667rem
}
}
.f29 {
	font-size: 1.45rem
}
@media (max-width:768px) {
.f29 {
	font-size: 1.16rem
}
}
.f30 {
	font-size: 1.5rem
}
@media (max-width:768px) {
.f30 {
	font-size: 1.2rem
}
}
.f31 {
	font-size: 1.55rem
}
@media (max-width:768px) {
.f31 {
	font-size: 1.19230769rem
}
}
.f32 {
	font-size: 1.6rem
}
@media (max-width:768px) {
.f32 {
	font-size: 1.23076923rem
}
}
.f33 {
	font-size: 1.65rem
}
@media (max-width:768px) {
.f33 {
	font-size: 1.22222222rem
}
}
.f34 {
	font-size: 1.7rem
}
@media (max-width:768px) {
.f34 {
	font-size: 1.25925926rem
}
}
.f35 {
	font-size: 1.75rem
}
@media (max-width:768px) {
.f35 {
	font-size: 1.25rem
}
}
.f36 {
	font-size: 1.8rem
}
@media (max-width:768px) {
.f36 {
	font-size: 1.28571429rem
}
}
.f37 {
	font-size: 1.85rem
}
@media (max-width:768px) {
.f37 {
	font-size: 1.27586207rem
}
}
.f38 {
	font-size: 1.9rem
}
@media (max-width:768px) {
.f38 {
	font-size: 1.31034483rem
}
}
.f39 {
	font-size: 1.95rem
}
@media (max-width:768px) {
.f39 {
	font-size: 1.3rem
}
}
.f40 {
	font-size: 2rem
}
@media (max-width:768px) {
.f40 {
	font-size: 1.33333333rem
}
}
.f41 {
	font-size: 2.05rem
}
@media (max-width:768px) {
.f41 {
	font-size: 1.32258065rem
}
}
.f42 {
	font-size: 2.1rem
}
@media (max-width:768px) {
.f42 {
	font-size: 1.35483871rem
}
}
.f45 {
	font-size: 2.25rem
}
@media (max-width:768px) {
.f45 {
	font-size: 1.36363636rem
}
}
.f48 {
	font-size: 2.4rem
}
@media (max-width:768px) {
.f48 {
	font-size: 1.45454545rem
}
}
.f50 {
	font-size: 2.5rem
}
@media (max-width:768px) {
.f50 {
	font-size: 1.51515152rem
}
}
.f54 {
	font-size: 2.7rem
}
@media (max-width:768px) {
.f54 {
	font-size: 1.58823529rem
}
}
.f60 {
	font-size: 3rem
}
@media (max-width:768px) {
.f60 {
	font-size: 1.57894737rem
}
}
.f64 {
	font-size: 2.3rem
}
@media (max-width:768px) {
.f64 {
	font-size: 1.42857143rem
}
}
.f72 {
	font-size: 3.6rem
}
@media (max-width:768px) {
.f72 {
	font-size: 1.8rem
}
}
.f88 {
	font-size: 4.4rem
}
@media (max-width:1200px) {
.f88 {
	font-size: 4vw
}
}
@media (max-width:768px) {
.f88 {
	font-size: 1.45454545rem
}
}
.fal {
	font-family: Arial
}
.fyl {
	font-family: FontBlar
}
.fs {
	font-family: '瀹嬩綋'
}
.fh {
	font-family: '榛戜綋'
}
.fn {
	font-weight: 400
}
.fb {
	font-weight: 700
}
.fi {
	font-style: italic
}
.fl {
	float: left
}
.fln {
	float: none
}
.fr {
	float: right
}
.db {
	display: block
}
.dib {
	display: inline-block
}
.dt {
	display: table
}
.dtc {
	display: table-cell
}
.dn {
	display: none
}
.bn {
	border: none
}
.tl {
	text-align: left
}
.tc {
	text-align: center
}
.tr {
	text-align: right
}
.tu {
	text-transform: uppercase
}
.vt {
	vertical-align: top
}
.vm {
	vertical-align: middle
}
.vb {
	vertical-align: bottom
}
.over {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.box {
	box-sizing: border-box
}
.ma {
	margin-left: auto;
	margin-right: auto
}
.c50 {
	left: 50%;
	transform: translateX(-50%)
}
.hc:hover {
	color: #024e27
}
.jz {
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%)
}
.m0 {
	margin: 0
}
.p0 {
	padding: 0
}
.yy {
	box-shadow: 0 0 12px rgba(70,70,70,.5)
}
.yy2 {
	box-shadow: 2px 2px 7px rgba(70,70,70,.2)
}
.pz {
	padding-left: 15px;
	margin-left: -15px
}
.pr {
	position: relative
}
.pa {
	position: absolute
}
.oh {
	overflow: hidden
}
.ov {
	overflow: visible
}
.wrap {
	overflow: hidden
}
.w50 {
	width: 50%;
	float: left
}
.w0 {
	width: 0
}
.w00 {
	width: 100%
}
.h0 {
	height: 0
}
.h00 {
	height: 100%
}
.ma00 {
	max-width: 100%
}
.mh00 {
	max-height: 100%
}
.wa {
	width: auto
}
.ha {
	height: auto
}
.abs {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 5;
	left: 0;
	top: 0
}
.imWrap {
	width: 100%;
	padding-top: 75.5%;
	position: relative;
	overflow: hidden
}
.imWrap img {
	display: block;
	position: absolute;
	width: 100%;
	min-height: 100%;
	z-index: 5;
	left: 0;
	top: 0
}
.imWrap .imgcon {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 5;
	left: 0;
	top: 0
}
.imWrap .imgcon img {
	position: relative;
	display: inline-block;
	width: auto;
	max-width: 100%
}
.big {
	overflow: hidden
}
.big img {
	width: 100%;
	display: block;
	transform: translateZ(0);
	transition: transform .3s linear
}
.big:hover img {
	transform: scale(1.1, 1.1)
}
.big .imgcon img {
	width: auto;
	min-height: auto
}
.dazhong_img {
	position: relative;
	width: 100%;
	overflow: hidden
}
.dazhong_img img {
	position: relative;
	display: block;
	left: 50%;
	max-width: 100%;
	transform: translateX(-50%)
}
@media (max-width:768px) {
.dazhong_img img {
	width: 150%;
	max-width: initial
}
}
.dazhong_img .abs {
	text-align: center
}
.dazhong_img .abs::after {
	display: inline-block;
	font-size: 0;
	height: 100%;
	vertical-align: middle;
	content: ".";
	clear: both;
	width: 0
}
.dazhong_img .ind_tit {
	display: inline-block;
	vertical-align: middle;
	margin: 0
}
.imgcon {
	text-align: center;
	font-size: 0;
	overflow: hidden
}
.imgcon img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%
}
.imgcon:after {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	color: #bbb;
	content: "";
	width: 0
}
.m3w {
	margin-top: 30px;
	margin-top: 3vw
}
.m2w {
	margin: 2vw 0
}
.p2w {
	padding: 2vw 0
}
.p3w {
	padding: 3vw 0
}
.poi {
	cursor: pointer
}
* {
	margin: 0;
	padding: 0
}
.clearfix {
	display: inline-block;
	zoom: 1
}
.clearfix:after {
	display: block;
	font-size: 0;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "."
}
img {
	border: none
}
blockquote, body, dd, dl, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, p, pre, select, textarea {
	margin: 0
}
menu, ol, ul {
	list-style: none;
	margin: 0;
	padding: 0
}
a {
	color: #024e27;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none
}
a, a:active, a:focus {
	outline: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
blockquote, q {
	quotes: none
}
address, em, i {
	font-style: normal
}
abbr, acronym {
	font-variant: normal
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}
a img, fieldset, iframe {
	border: none
}
button, input, select {
	vertical-align: middle
}
button {
	overflow: visible
}
button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=file]>input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
border:0 none;
padding:0
}
:active {
	outline: 0 none
}
::selection {
	color: #fff;
	background: #ca1214;
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
* html .clearfix {
	height: 1%
}
html {
	font-size: 20px;
	line-height: 1.76
}
* {
	font-family: "Microsoft Yahei", "寰蒋闆呴粦", "瀹嬩綋", Arial, Helvetica, sans-serif
}
body {
	background-color: #fff;
	font-size: 14px;
	max-width: 1200px;
	margin: 0 auto;
	min-width: 320px;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased
}
h1 {
	font-size: 1.8rem
}
@media (max-width:768px) {
h1 {
	font-size: 1.28571429rem
}
}
h2 {
	font-size: 1rem
}
h3 {
	font-weight: 400;
font-size:.8rem
}
@media (max-width:768px) {
h3 {
font-size:.88888889rem
}
}
@media (max-width:640px) {
h3 {
	font-size: 1rem
}
}
h4 {
	font-size: 16px
}
@font-face {
	font-family: FontBlar;
	src: url(../fonts/heimi.woff) format('woff'), url(../fonts/heimi.ttf) format('truetype'), url(../fonts/heimi.svg) format('svg')
}
ul {
	overflow: hidden
}
a, input {
	outline: 0
}
input[type=button], input[type=submit], input[type=reset] {
	-webkit-appearance: none;
	border-radius: 0
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#bbb
}
input:-moz-placeholder, textarea:-moz-placeholder {
color:#bbb
}
input::-moz-placeholder, textarea::-moz-placeholder {
color:#bbb
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#bbb
}
.articleCon img {
	max-width: 100%;
	height: auto!important
}
.swiper-container {
	position: relative;
	width: 100%;
	height: 100%
}
.swiper-container img {
	display: block;
	max-width: 100%
}
div.digg {
	width: 100%;
	text-align: center;
	font-size: 14px;
	padding: 3px;
	margin: 15px 0
}
@media (max-width:640px) {
div.digg {
	font-size: 13px
}
}
div.digg li {
	display: inline-block;
	vertical-align: middle
}
div.digg a {
	text-align: center;
	border: #ccc 1px solid;
	padding: 4px 10px;
	color: #666;
	margin: 5px;
	line-height: 39px
}
@media screen and (max-width:768px) {
div.digg a {
	padding: 3px 9px;
	margin: 3px
}
}
div.digg p {
	display: inline-block;
	vertical-align: middle
}
div.digg .disabled * {
	color: #ddd;
	border: #eee 1px solid;
	padding: 4px 10px;
	margin: 5px
}
div.digg .current * {
	color: #fff;
	font-weight: 700;
	border: #bf141c 1px solid;
	padding: 4px 10px;
	background-color: #bf141c
}
div.digg .active * {
	color: #fff;
	background-color: #024e27;
	border-color: #024e27
}
.btn {
	display: inline-block;
	color: #333;
	font-size: 14px;
	text-align: center;
	line-height: 1.6rem;
	border: 1px solid #333
}
@media (max-width:640px) {
.btn {
	font-size: 13px
}
}
.btn.bg {
	background-color: #024e27;
	color: #fff;
	border-color: #024e27
}
.tabCon .con {
	display: none
}
.tabCon .con.act {
	display: block
}
.row {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}
.row .col {
	flex: 1
}
.tabUl {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}
.tabUl li {
	flex: 1;
	cursor: pointer
}
.gradient_linear {
	background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#49d), to(#5571b4));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}
.bgcon {
	overflow: hidden;
	background-color: #fff;
	padding-bottom: 3vw;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto auto
}
@keyframes rota {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
@keyframes rota2 {
0% {
transform:rotate(0)
}
50% {
transform:rotate(-180deg)
}
100% {
transform:rotate(-360deg)
}
}
@keyframes move3 {
0% {
right:0;
top:50%
}
20% {
right:-400px;
top:30%;
transform:scale(.75)
}
50% {
right:-850px;
top:50%;
transform:scale(.9)
}
70% {
right:-1300px;
top:30%;
transform:scale(.75)
}
100% {
right:-1700px;
top:50%
}
}
@keyframes move4 {
0% {
left:0;
top:-1000px;
width:6000px;
border-left:800px solid #081e4a
}
50% {
left:-2500px;
top:-800px;
width:5760px;
border:none
}
100% {
left:0;
top:0;
width:100%;
border:none
}
}
@keyframes move5 {
0% {
opacity:0;
filter:alpha(opacity=0)
}
100% {
opacity:1;
filter:alpha(opacity=100)
}
}
@keyframes move6 {
0% {
background-position:-1rem center
}
100% {
background-position:100% center
}
}
@keyframes move7 {
0% {
background-position:95% center
}
100% {
background-position:100% center
}
}
.specbtn {
	color: #fff;
	font-size: 1rem;
	position: relative;
	transition: color .5s;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 7rem
}
.specbtn::after, .specbtn::before {
	position: absolute;
	width: 0;
	content: " ";
	z-index: 5;
	top: 0;
	border-top: 1px solid #024e27;
	-webkit-transition: width .5s;
	transition: width .5s
}
.specbtn::after {
	top: initial;
	bottom: 0;
	right: 0
}
.specbtn:hover {
	color: #024e27
}
.specbtn:hover::after, .specbtn:hover::before {
	width: 100%
}
body {
	max-width: inherit
}
.containe {
	max-width: 1200px;
	display: block;
	margin: 0 auto
}
@media screen and (max-width:1240px) {
.containe {
	width: 96%;
	margin: 0 auto;
}
}

@media screen and (max-width:768px) {
.containe {
	width: 95%;
	margin: 0 auto;
}
}
@media screen and (max-width:1240px) {
html {
	font-size: 19px
}
}
#header {
	width: 100%;
	position: fixed;
	z-index: 88;
	height: 84px;
	top: 0;
	left: 0;
	
}
@media screen and (max-width:980px) {
#header {
	border: none;
	box-shadow: 2px 2px 7px rgba(70,70,70,.2);
	overflow: hidden;
	position: fixed;
	z-index: 888;
	height: 52px;
	top: 0;
	left: 0;
	background-color: #fff!important
}
}

#header .topr {
	float: right;
	display: inline-block;
	color: #fff;
	overflow: hidden;
	margin-top: 26px;
	line-height: 1;
	margin-left: 1rem;
}
@media (max-width:640px) {
#header .topr {
	font-size: 13px
}
}
#header .topr i{
	display: inline-block;
	vertical-align: middle;
	color: #024e27;
	font-size: 1.2rem;
	line-height: 1;
	background: #f0f0f0;
	padding: 4px;
	width:25px;
	height:25px;
	border-radius: 50%;
	text-align:center;
	margin-right:8px;
}
#header .topr h6 {
	font-size: 1.6rem;
	font-weight: 600;
	display: inline-block;
	vertical-align: middle;
	font-family: Arial
}
@media (max-width:768px) {
#header .topr h6 {
	font-size: 1.09090909rem
}
}


#header .navbar .logo {
	position: relative;
	float: left;
	display: inline-block;
	z-index: 5;
	padding: 15px 0 0;
	
	white-space: nowrap;
	margin-right: 2vw
}
#header .navbar .logo img {
	display: block;
	filter: grayscale(100%) brightness(500%);
}
#header .navbar .logo h1 {
	font-size: 0;
	display: none
}
@media (max-width:980px) {
#header .navbar .logo {
	padding-top: 8px!important;
	margin-top: -1px
}
#header .navbar .logo img {
	max-width: 250px;
	max-height: 37px
}
}

#header .navbar .mBtn {
	display: none;
	float: right;
	text-align: center;
	margin-top: 7px;
	cursor: pointer
}
#header .navbar .mBtn i {
	font-size: 25px;
	line-height: 1.7;
	color: #024e27
}
@media screen and (max-width:980px) {
#header .navbar .mBtn {
	display: inline-block
}
}
#header #Nav {
	text-align: center;
	overflow: visible;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	padding-left: 3%
}
#header #Nav a {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
#header #Nav li {
	position: relative;
	flex: 1;
	padding-right: 15px
}
#header #Nav li a {
	display: block;
	box-sizing: border-box;
	color: #fff;
	font-weight: 600;
	font-size:.9rem;
	text-align: center;
	line-height: 84px;
	white-space: nowrap;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}
#header #Nav li>a{position:relative;display:inline-block;transition:0s;padding-left:4px;color:#fff;}
#header #Nav li>a::after{display:none;content:'';position:absolute;bottom:0;left:50%;margin-left:-16px;width:32px;height:4px;border-radius:2px;background:#fff}
#header #Nav li.act>a{font-weight:600;color:#ca1214}
#header #Nav li.act>a:hover{color:#ca1214}
#header #Nav li.act>a::after{display:block;background-color:#ca1214}

@media (max-width:768px) {
#header #Nav li a {
font-size:.94444444rem
}
}
@media (max-width:640px) {
#header #Nav li a {
	font-size: 1.0625rem
}
}
#header #Nav li a.act,.m_nav .ul li .act {
	color: #024e27;
}
#header #Nav li a:hover {
	color: #ca1214;
}
@media screen and (max-width:1400px) {
#header #Nav {
	padding-left: 0
}
}
@media screen and (max-width:980px) {
#header #Nav {
	display: none
}
}
#header.scroll {
	background-color: #fff;
	box-shadow: 2px 2px 7px rgba(70,70,70,.2);
	border-color: #fff
}
#header.scroll .logo img {
	filter:none;
}
@media screen and (max-width:980px) {
#header .navbar .logo img {
	filter:none;
}
#header .topr {
	display: none;
}
}
#header.scroll .topr {
	color: #024e27
}
#header.scroll #Nav a {
	color: #333
}
#header.scroll .navbar .logo {
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto
}
#footer {
	overflow: hidden;
	clear: both;
	position: relative;
	z-index: 5;
	padding-top: 3%;
	background-color: #081736;
	background-image: url(../images/k3.jpg);
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: auto auto
}
#footer h3.tit {
font-size:.8rem;
	color: #fff;
	margin-bottom: 1em
}
@media (max-width:768px) {
#footer h3.tit {
font-size:.88888889rem
}
}
@media (max-width:640px) {
#footer h3.tit {
	font-size: 1rem
}
}
#footer .ftell {
	float: right;
	text-align: right
}
#footer .ftell em {
	font-size: 3rem;
	font-family: Arial;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	color: #eee;
	line-height: 1
}
@media (max-width:768px) {
#footer .ftell em {
	font-size: 1.57894737rem
}
}
#footer .ftell p {
	font-size: 14px;
	color: #eee
}
@media (max-width:640px) {
#footer .ftell p {
	font-size: 13px
}
}
#footer dl {
	display: inline-block;
	float: left;
	margin-right: 3%
}
#footer dl dd {
	margin-bottom: .2em
}
#footer dl a {
	font-size: 13px;
	color: #eee
}
#footer .d2 {
	width: 15rem
}
#footer .d2 dd {
	width: 50%;
	float: left
}
#footer .d3 {
	width: 18rem;
	margin-right: 0
}
#footer .d3 dd {
	display: inline-block;
	margin-right: 1.5em
}
@media screen and (max-width:768px) {
#footer {
	padding-top: 0
}
#footer>.containe {
	display: none
}
}
#footer #topBack {
	float: right;
	display: none
}
#footer .ewm {
	padding-top: .5em;
	float: right;
	font-size: 12px;
	color: #999;
	text-align: center;
	margin-right: 7%
}
#footer .ewm .img {
	width: 7rem
}
#footer .fotnav {
	overflow: hidden;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between
}
#footer .fotnav dl {
	flex-shrink: 1
}
#footer .fotnav dl dt {
font-size:.8rem;
	font-weight: 400;
	cursor: pointer;
	color: #fff;
	line-height: 2.5em;
margin-bottom:.2rem
}
@media (max-width:768px) {
#footer .fotnav dl dt {
font-size:.88888889rem
}
}
@media (max-width:640px) {
#footer .fotnav dl dt {
	font-size: 1rem
}
}
#footer .fotnav dl dt a {
	display: block;
	position: relative;
	color: #fff
}
#footer .fotnav dl dd {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #bbb;
	line-height: 2.4
}
#footer .fotnav dl dd:nth-of-type(n+7) {
	display: none
}
#footer .fotnav dl dd a {
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	color: #bbb
}
@media (max-width:640px) {
#footer .fotnav dl dd a {
	font-size: 13px
}
}
@media screen and (max-width:768px) {
#footer .fotnav {
	display: none
}
}
#footer .yq_link {
	overflow: hidden;
	padding-bottom: .5em
}
#footer .yq_link h5 {
	font-weight: 400;
	color: #eee;
	float: left;
	font-size: 14px;
	padding-right: 9px;
	line-height: 23px
}
@media (max-width:640px) {
#footer .yq_link h5 {
	font-size: 13px
}
}
#footer .yq_link .iconfont {
	font-size: 1.25rem;
	vertical-align: middle
}
@media (max-width:768px) {
#footer .yq_link .iconfont {
	font-size: 1.08695652rem
}
}
#footer .yq_link a {
	display: inline-block;
	color: #fff;
	margin-left: 0!important
}
@media screen and (max-width:768px) {
#footer .yq_link {
	display: none
}
}
#footer .copyright {
	color: #eee;
	line-height: 1.6;
	padding: 1em 0;
	margin-top: 1em;
	border-top: 1px solid #757e8d
}
@media screen and (max-width:480px) {
#footer .copyright {
	padding: 3% 0;
	text-align: center
}
#footer .copyright .support {
	display: none
}
}
#footer .copyright a {
	display: inline-block;
	color: #eee;
	margin: 0 15px
}
#footer .copyright a:hover {
	color: #fff
}
#spbtn {
	width: 80PX
}
#spbtn img {
	max-width: 100%
}
#spbtn p {
	text-align: center;
	color: #fff;
	font-size: 12px;
	margin-top: -2.5em;
	line-height: 1.8;
	margin-bottom: .5em
}
.fancybox-overlay {
	display: none;
	width: 100%;
	height: 100%;
	z-index: 9999;
	position: fixed;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,.7)
}
.fancybox-overlay #diveoid {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 55;
	width: 90%;
	max-width: 800px
}
.flow.right_side {
	position: fixed;
	width: 75px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 400
}
@media screen and (max-width:768px) {
.flow.right_side {
	display: none
}
}
.flow.right_side ul {
	overflow: visible
}
.flow.right_side ul li {
	position: relative;
	float: left;
	width: 75px;
	height: 70px;
	margin-bottom: 1px
}
.flow.right_side ul li .area {
	display: block;
	color: #fff;
	border-radius: 8px;
	width: 75px;
	height: 70px;
	transition: all .3s;
	background: rgba(29,99,183,.7)
}
.flow.right_side ul li .area:hover {
	background-color: #487ab6
}
.flow.right_side ul li .area:hover i {
	font-size: 0
}
.flow.right_side ul li .area:hover i::before {
	line-height: 2
}
.flow.right_side ul li .sidebox {
	position: absolute;
	overflow: hidden;
	top: 0;
	right: 0;
	display: block;
	color: #fff;
	border-radius: 8px;
	width: 75px;
	height: 70px;
	transition: all .3s;
	background: rgba(29,99,183,.7);
	font-size: 20px
}
.flow.right_side ul li .sidebox:hover {
	background-color: #487ab6
}
.flow.right_side ul li .sidebox:hover i {
	font-size: 0
}
.flow.right_side ul li .sidebox:hover i::before {
	line-height: 2
}
.flow.right_side ul li .sidetop, .flow.right_side ul li .sign, .flow.right_side ul li .wx {
	display: block;
	color: #fff;
	border-radius: 8px;
	width: 75px;
	height: 70px;
	transition: all .3s;
	background: rgba(29,99,183,.7)
}
.flow.right_side ul li .sidetop:hover, .flow.right_side ul li .sign:hover, .flow.right_side ul li .wx:hover {
	background-color: #487ab6
}
.flow.right_side ul li .sidetop:hover i, .flow.right_side ul li .sign:hover i, .flow.right_side ul li .wx:hover i {
	font-size: 0
}
.flow.right_side ul li .sidetop:hover i::before, .flow.right_side ul li .sign:hover i::before, .flow.right_side ul li .wx:hover i::before {
	line-height: 2
}
.flow.right_side ul li i {
	display: inline-block;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
	line-height: 1.4;
	width: 75px;
	height: 70px;
	margin-top: 4px
}
.flow.right_side ul li i::before {
	display: block;
	font-size: 30px;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}
.flow.right_side ul li .wx {
	position: relative
}
.flow.right_side ul li .wx .wx_code {
	position: absolute;
	display: none;
	width: 120px;
	height: 120px;
	background: #487ab6;
	padding: 4px;
	left: -130px;
	top: 50%;
	transform: translateY(-50%)
}
.flow.right_side ul li .wx .wx_code img {
	max-width: 100%
}
@media screen and (max-width:1400px) {
html {
	font-size: 18px
}
}
@media screen and (max-width:980px) {
body {
	max-width: 100%;
	overflow-x: hidden;
	padding-bottom: 45px;
	padding-top: 52px
}
#header .navbar .logo {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto 100%;
	margin-top: 0px
}
}
#ind_banner .swiper-slide {
	position: relative;
	background-repeat: no-repeat;
	background-position: 60% center;
	background-size: auto 100%
}
#ind_banner .img {
	opacity: 0;
	width: 100%
}
#ind_banner .cont {
	position: absolute;
	width: 100%;
	top: 50%;
	opacity: 0;
	left: -10rem;
	transform: translateX(2%) translateY(-50%);
	-webkit-transition: opacity .5s, left .8s ease;
	transition: opacity .5s, left .8s ease
}
#ind_banner .cont h2 {
	font-size: 2.7rem;
	font-weight: 700;
	color: #fff;
	line-height: 1.4;
	margin-bottom: 2%;
	max-width: 40%
}
@media (max-width:768px) {
#ind_banner .cont h2 {
	font-size: 1.58823529rem
}
}
#ind_banner .cont small {
font-size:.9rem;
	color: #fff;
	display: block;
	max-width: 60%
}
@media (max-width:768px) {
#ind_banner .cont small {
font-size:.94444444rem
}
}
#ind_banner .swiper-slide-active .cont {
	opacity: 1;
	left: 0
}
@media screen and (max-width:980px) {
#ind_banner .img {
	height: 60vw
}
#ind_banner .swiper-button-white {
	display: none
}
#ind_banner .cont h2, #ind_banner .cont small {
	max-width: 60%
}
}
.ind_tit {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 2% 0
}
.ind_tit h2 {
	font-size: 1.8rem;
	font-weight: 700;
	color: #333;
	line-height: 2.3
}
@media (max-width:768px) {
.ind_tit h2 {
	font-size: 1.28571429rem
}
}
@media screen and (max-width:768px) {
.ind_tit h2 {
	font-size: 1.5rem
}
}
@media screen and (max-width:768px) and (max-width:768px) {
.ind_tit h2 {
	font-size: 1.2rem
}
}
.ind_tit small {
	font-size: 15px;
	color: #fff;
	line-height: 1.6
}
@media (max-width:640px) {
.ind_tit small {
	font-size: 1rem
}
}
.ind_tit em {
	color: #024e27
}
h2.inner_tit {
	font-size: 1.5rem;
	color: #333;
	font-weight: 700;
	text-align: center;
	margin-bottom: 1rem;
	line-height: 1.2
}
@media (max-width:768px) {
h2.inner_tit {
	font-size: 1.2rem
}
}
h2.inner_tit.cc {
	color: #024e27
}
h2.inner_tit.about {
	padding-bottom: 1%;
	text-align: left
}
.a3s {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	padding: 1.5rem 5%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5
}
.a3s .li {
	float: left
}
.a3s .li a {
	display: block
}
.a3s .li i {
	display: inline-block;
	font-size: 1rem;
	vertical-align: middle;
	font-style: italic;
	text-align: center;
	overflow: hidden;
	background-color: #024e27;
	font-family: Arial;
	font-weight: 400;
	border-radius: 50%;
	width: 1.8em;
	line-height: 1.8;
	margin-right: .5em;
	color:#fff;
}
.a3s .li h3 {
font-size:.8rem;
	font-weight: 700;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
@media (max-width:768px) {
.a3s .li h3 {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.a3s .li h3 {
	font-size: 1rem
}
}
.a3s .li .des {
	font-size: 14px;
	color: #666;
	padding-top: .5em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
@media (max-width:640px) {
.a3s .li .des {
	font-size: 13px
}
}
.a3s .swiper-button-white {
	background-color: #e5e5e5;
	width: 1.5rem;
	height: 1.5rem;
	background-size: auto 1.3rem;
	margin-top: -1rem
}
.a3s .swiper-button-next {
	right: 0
}
.a3s .swiper-button-prev {
	left: 0
}
#ind_d1 {
	background-color: #f0f5f6;
	padding: 4.5% 0 3%
}
#ind_d1 .item4s {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}
#ind_d1 .item {
	text-align: center;
	background-color: #fff;
	position: relative;
	box-sizing: border-box;
	border: 2px solid #fff;
	width: 23%;
	padding: 2% 0 3%
}
#ind_d1 .item img {
	max-width: 100%
}
#ind_d1 .item h5 {
	font-size: 1rem;
	color: #333;
	line-height: 2.7;
	padding-bottom: .3em
}
#ind_d1 .item dl {
	display: inline-block;
	text-align: left;
	padding: 0 5% 2%
}
#ind_d1 .item dd {
	line-height: 2;
	font-size: 15px
}
@media (max-width:640px) {
#ind_d1 .item dd {
	font-size: 1rem
}
}
#ind_d1 .item dd i {
	color: #024e27;
	padding-right: .5em
}
#ind_d1 .item .arr {
font-size:.85rem;
	color: #999;
	display: block;
	line-height: 1;
	transform: translateY(150%);
	opacity: 1;
	-webkit-transition: opacity .5s linear;
	transition: opacity .5s linear
}
@media (max-width:768px) {
#ind_d1 .item .arr {
font-size:.94444444rem
}
}
@media (max-width:640px) {
#ind_d1 .item .arr {
	font-size: 1.0625rem
}
}
#ind_d1 .item .btns {
	position: relative;
	width: 80%;
	margin-left: auto;
	margin-right: auto
}
#ind_d1 .item .btns .link {
	display: inline-block;
	box-sizing: border-box;
	font-size: 14px;
	color: #024e27;
	background-color: #024e27;
	float: left;
	line-height: 2.7;
	width: 50%;
	border: 1px solid #024e27;
	border-left: 0
}
@media (max-width:640px) {
#ind_d1 .item .btns .link {
	font-size: 13px
}
}
#ind_d1 .item .btns .link+.link {
	border-color: #024e27;
	background-color: #fff
}
#ind_d1 .item::before {
	position: absolute;
	box-sizing: border-box;
	display: none;
	width: 100%;
	height: 100%;
	content: "";
	z-index: 1;
	left: 0;
	border: 2px solid #024e27;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	top: 0
}
#ind_d1 .item:hover {
	box-shadow: 2px 2px 7px rgba(70,70,70,.2);
	border-color: #024e27;
}
#ind_d1 .item:hover .arr {
	opacity: 0
}
#ind_d1 .item:hover .btns {
	opacity: 1;
	transform: scale(1)
}
@media screen and (max-width:1200px) {
#ind_d1 {
	padding-top: 8%
}
#ind_d1 .item .arr, #ind_d1 .item .btns, #ind_d1 .item dl {
	display: none
}
}
@media screen and (max-width:768px) {
#ind_d1 .item {
	padding: 1% 0;
	width: 49%;
	margin-bottom: 2%
}
#ind_d1 .item img {
	max-width: 70%;
	margin-top: 6%
}
#ind_d1 .containe {
	overflow: hidden
}
}
#ind_d2 {
	background-color: #024e27;
	position: relative;
	overflow: hidden;
	padding: 1% 0 3%
}
@media screen and (max-width:768px) {
#ind_d2 {
	display: none
}
}
#ind_d2 .ind_tit small {
	color: #fff
}
#ind_d2 .item5s {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}
#ind_d2 .item {
	text-align: center;
	width: 18%;
	padding: 2% 0;
	max-width: 260px
}
#ind_d2 .item h5 {
font-size:.9rem;
	color: #fff;
	line-height: 2.7;
	padding-bottom: .3em
}
@media (max-width:768px) {
#ind_d2 .item h5 {
font-size:.94444444rem
}
}
#ind_d2 .item .des {
	font-size: 15px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
@media (max-width:640px) {
#ind_d2 .item .des {
	font-size: 1rem
}
}
#ind_d2 .item.first .number strong {
	font-size: 1rem
}
#ind_d2 .number {
	color: #024e27
}
#ind_d2 .number .num {
	font-size: 3.6rem;
	font-weight: 700;
	font-family: Arial;
	display: inline-block;
	transform: scale(.8, 1);
	vertical-align: text-top
}
@media (max-width:768px) {
#ind_d2 .number .num {
	font-size: 1.8rem
}
}
#ind_d2 .number strong {
	font-size: 1.5rem;
	display: inline-block;
	vertical-align: text-top;
	line-height: 3rem
}
@media (max-width:768px) {
#ind_d2 .number strong {
	font-size: 1.2rem
}
}
#ind_d2 #m2 {
	position: absolute;
	width: auto;
	opacity: .5;
	animation: move3 20s linear infinite
}
#ind_d2 #canvas {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1
}
.ind_case {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start
}
.ind_case li {
	width: 25%
}
.ind_case .num {
	float: right;
	display: inline-block;
	font-size: 13px;
	font-family: Arial;
	color: #000
}
.ind_case .num i {
font-size:.85rem;
	color: #999;
margin:0 5px 0 .5rem
}
@media (max-width:768px) {
.ind_case .num i {
font-size:.94444444rem
}
}
@media (max-width:640px) {
.ind_case .num i {
	font-size: 1.0625rem
}
}
.ind_case .num i:hover {
	color: #024e27
}
.ind_case .cont {
	padding: 1rem 1rem 0
}
.ind_case .cont h4 {
font-size:.8rem;
	color: #333;
	font-weight: 700;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
@media (max-width:768px) {
.ind_case .cont h4 {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.ind_case .cont h4 {
	font-size: 1rem
}
}
.ind_case .cont small {
	font-size: 14px;
	color: #666;
	line-height: 2.4
}
@media (max-width:640px) {
.ind_case .cont small {
	font-size: 13px
}
}
.ind_case .cont .ico {
	float: right;
	display: none;
	width: 41px;
	height: 20px;
	background-image: url(../images/i02.png);
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: auto auto
}
.ind_case .cont .more {
	font-size: 14px;
	color: #666;
	margin-top: 1em;
	padding: .9em 0;
	border-top: 1px solid #e8e8e8;
	background-image: url(../images/i03.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	background-size: auto auto
}
@media (max-width:640px) {
.ind_case .cont .more {
	font-size: 13px
}
}
#ind_d3 {
	padding: .6%
}
#ind_d3 .ind_case li {
	box-sizing: border-box;
	border: 1px solid #ddd;
	width: 24%;
	margin-bottom: 1.3%;
	margin: .5%
}
#ind_d3 .ind_case li:hover h4 {
	color: #024e27
}
#ind_d3 .ind_case li:hover .more {
	color: #024e27;
	background-image: url(../images/i03i.png);
	animation: move7 .5s linear forwards
}
@media screen and (max-width:768px) {
#ind_d3 .ind_case li {
	border: none
}
#ind_d3 .ind_case li .big {
	border: 1px solid #ddd;
	padding: 10px
}
#ind_d3 .ind_case li .cont {
	text-align: center;
padding:.4rem 1rem .5rem
}
#ind_d3 .ind_case li .cont .more, #ind_d3 .ind_case li .cont small {
	display: none
}
}
#ind_d4 {
	padding: 1% 0 0;
	background-color: #131f69
}
#ind_d4 .ind_tit {
	max-width: initial
}
#ind_d4 .ind_tit h2 {
	font-size: 1.5rem;
	line-height: 1.5
}
@media (max-width:768px) {
#ind_d4 .ind_tit h2 {
	font-size: 1.2rem
}
}
@media screen and (max-width:640px) {
#ind_d4 .ind_tit h2 {
	font-size: 1.2rem
}
}
@media screen and (max-width:640px) and (max-width:768px) {
#ind_d4 .ind_tit h2 {
	font-size: 1.09090909rem
}
}
#ind_d4 .earth_move {
	text-align: center;
	overflow: hidden;
	position: relative;
	height: 30vw;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: auto
}
#ind_d4 .earth_move .bg {
	max-width: 100%;
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	animation: rota2 60s linear infinite
}
#ind_d4 #nflag {
	position: relative;
	max-width: 100%;
	animation: rota 40s linear infinite;
	z-index: 1
}
#ind_news {
	margin-bottom: 3%
}
#ind_news .new_tit {
	font-size: 1.8rem;
	color: #222;
	font-weight: 700;
	margin: 3% 0 1%
}
@media (max-width:768px) {
#ind_news .new_tit {
	font-size: 1.28571429rem
}
}
#ind_news .tabUl {
	margin-bottom: 2%;
	justify-content: flex-start
}
#ind_news .tabUl li {
	font-size: 15px;
	color: #444;
	text-align: center;
	border: 1px solid #999;
	margin-right: 1em;
	border-radius: 1rem;
	line-height: 2.3;
	flex: initial;
	min-width: 5em;
	padding: 0 1em
}
@media (max-width:640px) {
#ind_news .tabUl li {
	font-size: 1rem
}
}
#ind_news .tabUl li.act {
	background-color: #024e27;
	border-color: #024e27;
	color: #fff!important
}
#ind_news .tabUl li:hover {
	color: #024e27;
	border-color: #024e27
}
#ind_news .arr {
	float: right;
	width: 1.5rem;
	height: 5em;
	background-image: url(../images/i03.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	background-size: auto auto
}
.newsd {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start
}
.newsd .onenews {
	display: block;
	width: 30%
}
.newsd .onenews .imWrap {
	padding-top: 60%
}
.newsd .date {
	font-size: 14px;
	color: #666;
	display: inline-block;
	float: left;
	text-align: center;
	line-height: 1.2;
	padding: .5em 1em .5em 0;
	margin-right: 4%;
	margin-bottom: 4%
}
@media (max-width:640px) {
.newsd .date {
	font-size: 13px
}
}
.newsd .date strong {
	display: block;
	font-size: 2.25rem;
	color: #666
}
@media (max-width:768px) {
.newsd .date strong {
	font-size: 1.36363636rem
}
}
.newsd .simg {
	display: none;
	float: left;
	width: 32vw;
	height: 24vw;
	margin-right: 3vw
}
.newsd hr {
	clear: both;
	border-color: #ddd;
	margin-bottom: 1.5em
}
.newsd .item {
	display: block;
	overflow: hidden;
	background-color: #f5f5f5;
	padding: 4% 1.5rem;
	margin-bottom: 3%
}
.newsd .item:hover .arr {
	background-image: url(../images/i03i.png)!important;
	animation: move6 .5s linear forwards
}
.newsd .item:hover h4 {
	color: #024e27
}
.newsd h4 {
font-size:.8rem;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
@media (max-width:768px) {
.newsd h4 {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.newsd h4 {
	font-size: 1rem
}
}
.newsd .des {
	font-size: 14px;
	color: #666;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin: 1em 0 1.5em
}
@media (max-width:640px) {
.newsd .des {
	font-size: 13px
}
}
.newsd .n2 {
	width: 30%;
	margin: 0 1%
}
.newsd .n3 {
	width: 38%
}
.newsd .n3 .item {
	margin-bottom: 2%;
	padding-top: 1em;
	padding-bottom: 2.9%
}
.newsd .n3 .date {
	margin-bottom: 0;
	padding: 0 1em 0 0
}
.newsd .n3 h4 {
	margin-top: 4%
}
@media screen and (min-width:640px) {
.newsd .n3 .des {
	display: none
}
}
@media screen and (max-width:640px) {
.newsd .arr, .newsd .date, .newsd hr {
	display: none
}
.newsd .simg {
	display: block
}
.newsd .n2 {
	margin: 0
}
.newsd .n2 .item {
	margin-bottom: 2%
}
.newsd .n2 h4 {
	margin-top: 3%
}
.newsd .n2 .item, .newsd .n3 .item {
	padding: 0
}
.newsd .n3 h4 {
	margin-top: 3%
}
.newsd .des {
	margin: 0;
	padding-top: 1%
}
}
#ind_cor {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	background-color: #081e4a;
	border-top: 40px solid #fff;
	min-height: 480px
}
#ind_cor .brandul {
	display: flex;
	width: 30%;
	flex-flow: row wrap;
	justify-content: space-between;
padding:1rem .5rem;
	height: 500px
}
#ind_cor .brandul li {
	position: relative;
	flex: 1;
	flex-basis: 138px;
	flex-basis: 33%;
	max-width: 203px
}
#ind_cor .brandul li a {
	display: block;
padding:0 .4rem
}
#ind_cor .brandul li .imWrap {
	padding-top: 51.3%
}
@media screen and (max-width:1400px) {
#ind_cor .brandul li {
	flex-basis: 48%
}
}
#ind_corpor {
	display: none;
	background-color: #081e4a;
	padding: 2% 0;
	border-top: 40px solid #fff;
	min-height: 480px
}
#ind_corpor .swiper-slide {
	background-color: #0d285c
}
#ind_corpor .swiper-slide .imWrap {
	padding-top: 47.6%
}
#ind_corpor .swiper-slide .imWrap img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	min-height: initial;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%)
}
.form_div {
	box-sizing: border-box;
	background-color: #f4b406;
	position: relative;
	top: -40px;
	width: 100%;
	max-width: 780px;
	padding: 3rem 4rem 0 2rem
}
.form_div h3 {
	font-size: 1rem;
	color: #fff;
	text-align: center
}
.form_div::before {
	position: absolute;
	width: 0;
	height: 0;
	content: "";
	border-bottom: 40px solid #d39b00;
	border-left: 28px solid transparent;
	border-top: 0;
	top: 0;
	left: -28px
}
.form_div::after {
	position: absolute;
	width: 0;
	height: 0;
	content: "";
	border-bottom: 40px solid #d39b00;
	border-right: 28px solid transparent;
	border-top: 0;
	top: 0;
	right: -28px
}
.form_div input::-webkit-input-placeholder, .form_div textarea::-webkit-input-placeholder {
color:#fff
}
.form_div input:-moz-placeholder, .form_div textarea:-moz-placeholder {
color:#fff
}
.form_div input::-moz-placeholder, .form_div textarea::-moz-placeholder {
color:#fff
}
.form_div input:-ms-input-placeholder, .form_div textarea:-ms-input-placeholder {
color:#fff
}
#proform {
	margin: 4% 0
}
#proform .row {
	margin-bottom: 3%;
	display: block;
	color: #fff
}
@media screen and (max-width:768px) {
#proform .row {
	width: 100%
}
}
#proform label {
	font-size: 14px;
	color: #fff;
	text-align: right;
	margin-right: 1em;
	width: 7em;
	float: left;
	line-height: 3
}
@media (max-width:640px) {
#proform label {
	font-size: 13px
}
}
#proform label span {
	color: red
}
@media screen and (max-width:768px) {
#proform label {
	width: 4em;
	white-space: nowrap
}
}
#proform input {
	width: 100%;
	box-sizing: border-box;
	background-color: transparent;
	color: #666;
	border: 1px solid #fff;
	line-height: 2;
padding:.2rem
}
#proform textarea {
	width: 100%;
	box-sizing: border-box;
	color: #fff;
	height: 14em;
	background-color: transparent;
	border: 1px solid #fff
}
#proform input[type=radio] {
	display: inline-block;
	width: auto;
margin:0 .5rem 0 1rem
}
#proform select {
	box-sizing: border-box;
	color: #fff;
	height: 36px;
	border: 1px solid #fff;
	background-color: transparent;
	width: 48%
}
#proform select option {
	color: #333
}
#proform select+select {
	float: right
}
#proform input[type=submit] {
	float: left;
	font-size: 15px;
	font-weight: 400;
	display: block;
	background-color: #fff;
	color: #111;
	line-height: 2.3;
	text-align: center;
	border: none;
	width: 7rem;
	margin: 1em 0;
	cursor: pointer
}
@media (max-width:640px) {
#proform input[type=submit] {
	font-size: 1rem
}
}
#proform input[type=submit]:hover {
	animation: jello 1s linear forwards
}
#proform input[type=submit]+.fr {
	display: inline-block;
	margin-top: 1.5em
}
#proform #verify {
	width: 7em
}
@media screen and (max-width:768px) {
#proform {
	display: none
}
}
#dazhong_myy {
	overflow: hidden;
	padding: 3% 0 0
}
#dazhong_myy .i1 {
	float: left;
	width: 50%;
	margin-left: -2%;
	margin-right: 4%
}
#dazhong_myy h3 {
	font-size: 1.8rem;
	color: #333;
	font-weight: 700
}
@media (max-width:768px) {
#dazhong_myy h3 {
	font-size: 1.28571429rem
}
}
#dazhong_myy h3 small {
	display: block;
font-size:.8rem;
	color: #333;
	font-weight: 400;
	margin: 1.8em 0
}
@media (max-width:768px) {
#dazhong_myy h3 small {
font-size:.88888889rem
}
}
@media (max-width:640px) {
#dazhong_myy h3 small {
	font-size: 1rem
}
}
#dazhong_myy dl {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}
#dazhong_myy dl dd {
	width: 40%
}
#dazhong_myy dl h4 {
	font-size: 1rem;
	font-weight: 700;
	color: #333
}
#dazhong_myy dl small {
	display: block;
font-size:.8rem;
	color: #333;
	padding: .8em 0 1.2em
}
@media (max-width:768px) {
#dazhong_myy dl small {
font-size:.88888889rem
}
}
@media (max-width:640px) {
#dazhong_myy dl small {
	font-size: 1rem
}
}
#dazhong_myy dl i {
	vertical-align: text-bottom;
	display: inline-flex;
	fill: #024e27;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: .5em
}
#dazhong_xw {
	margin-bottom: 1%
}
.dazhong_mxw {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}
.dazhong_mxw .col {
	width: 31.3333%;
	box-shadow:0px 0px 4px rgba(2,78,39,0.2);
	border-radius: 10px;
}
.dazhong_mxw .col ._t {
	background: url(../images/footbg.jpg) no-repeat center;
	background-size: cover;
	padding: 3% 4%;
	margin-bottom: 0.5em;
	font-size:22px;
	color:#fff;
	border-radius:10px 10px 0 0;
}

.dazhong_mxw .col .imWrap {
	padding-top: 60%
}
.dazhong_mxw .col h3 {
font-size:.8rem;
	font-weight: 700;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	line-height: 3.5
}
@media (max-width:768px) {
.dazhong_mxw .col h3 {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.dazhong_mxw .col {
	margin-top: 1em;
}
.dazhong_mxw .col h3 {
	font-size: 1rem
}
.dazhong_mxw .col ._t {
	padding: 2% 3%;
	margin-bottom: 0.5em;
	font-size:18px;
	border-radius:6px 6px 0 0;
}
}
.dazhong_mxw .list {
	width: 90%;
	margin:0 auto;
}
.dazhong_mxw .list li {
	float: left;
	width: 100%;
	border-bottom: 1px dashed #dedede;
	line-height: 3.4
}
.dazhong_mxw .list li:nth-child(n+6) {
	border-bottom: none;
}
@media screen and (max-width:768px) {
.dazhong_mxw .list {
	width: 94%;
}
}
.dazhong_mxw .list li a {
	display: block
}
.dazhong_mxw .list li h5 {
	color: #666;
	font-size: 15px;
	display: block;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
@media (max-width:640px) {
.dazhong_mxw .list li h5 {
	font-size: 1rem
}
.dazhong_mxw .list li {
	line-height: 2.6
}
}
.dazhong_mxw .list li h5 i {
	padding-right: .5em
}
.dazhong_mxw .list li .date {
	color: #888;
	display: inline-block;
	float: right;
	font-size: 14px;
	margin-right: 2px
}
.dazhong_mxw .list li:hover h5 {
	color: #024e27;
	transform:translateX(5px);
}
#dazhong_bn {
	position: relative;
	overflow: hidden;
	width: 100%
}
#dazhong_bn img {
	display: block
}
#dazhong_bn .cont1 {
	opacity: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-transition: all .8s linear .3s;
	transition: all .8s linear .3s;
	transform: scale(.5)
}
#dazhong_bn .cont1 .i3 {
	position: absolute;
	bottom: 41%;
	width: 100%;
	height: 300px;
	right: 7%;
	-webkit-transform-style: preserve-3d;
	perspective: 663px
}
#dazhong_bn .cont1 .i3 img {
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-transform: rotateX(82deg);
	transform-origin: 100% 100%;
	-webkit-transition: all 1s linear 1.2s;
	transition: all 1s linear 1.2s
}
#dazhong_bn .cont2 {
	position: absolute;
	width: 100%;
	z-index: 5;
	left: -10%;
	bottom: 5vw;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 1s linear;
	transition: 1s linear
}
#dazhong_bn .cont2 h2 {
	font-size: 2.9rem;
	color: #fff;
	font-weight: 700;
	line-height: 1.7
}
#dazhong_bn .cont2 h3 {
	font-size: 1.9rem;
	color: #fff;
	font-weight: 700;
	line-height: 1.7
}
@media (max-width:768px) {
#dazhong_bn .cont2 h3 {
	font-size: 1.31034483rem
}
}
#dazhong_bn .cont2 h3 em {
	color: #ca1214;
}
#dazhong_bn .cont2 small {
	font-size: 1rem;
	color: #fff;
	display: inline-block;
	padding: .3em 1.5em;
	border-radius: 1.5rem;
	background-color: #ca1214;
	margin-top: .7em
}
#dazhong_bn .cont2 .btn {
	text-align: center;
	color: #ca1214;
	font-size: 16px;
	display: block;
	width: 8em;
	margin: 4% 0;
	border-color: #ca1214;
	background:#fff;
	border-radius: 6px;
	padding: .5em;
}
#dazhong_bn .cont2 .btn i {
	font-size: 28px;
}
#dazhong_bn .cont2 .btn:hover {
	color: #fff;
	background:#ca1214;
}
@media (max-width:640px) {
#dazhong_bn .cont2 .btn {
	font-size: 1rem
}
}
#dazhong_bn .cont2 .btn i {
	float: right;
	margin-right: 5%
}
#dazhong_bn.active .cont2 {
	left: 0;
	opacity: 1
}
#dazhong_bn.active .cont1 {
	transform: scale(1);
	opacity: 1
}
#dazhong_bn.active .cont1 .i3 img {
	-webkit-transform: rotateX(0)
}
#dazhong_fw ul {
	overflow: visible;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 1em 0;
}
#dazhong_fw ul li {
	box-sizing: border-box;
	text-align: center;
	box-shadow:0px 0px 4px rgba(2,78,39,0.2);
	padding:2%;
	margin:1.5% 0;
	width: 23%;
	background:#fff;
	border-radius:10px;
}
#dazhong_fw ul li:hover {
	box-shadow:0px 0px 15px rgba(2,78,39,0.2);
	transform:scale(1.06);
}
#dazhong_fw ul .i1 {
	display: block;
	margin-left: auto;
	margin-right: auto
}
#dazhong_fw ul strong {
	display: block;
	font-size: 1rem;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 1.5% 0 0;
}
#dazhong_fw ul .des {
	font-size: 15px;
	color: #333
}
#dazhong_fw ul li i {
	font-size:6em;
	color:#024e27;
}
@media (max-width:640px) {
#dazhong_fw ul .des {
	font-size: 1rem
}
#dazhong_fw ul li {
	border-radius:6px;
}

}
#bj_d3 .cont {
	padding: 2% 0;
	margin-top: 1%;
	background-image: url(../images/k2.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: auto;
	-webkit-transition: background 1.5s linear;
	transition: background 1s linear
}
#bj_d3.aos-animate .cont {
	background-position: 100% 0
}
#bj_d3 .con {
	overflow: hidden;
	padding-bottom: 8%
}
#bj_d3 .con h3 {
	font-size: 1.8rem;
	color: #333;
	line-height: 1.5;
	font-family: "榛戜綋"
}
@media (max-width:768px) {
#bj_d3 .con h3 {
	font-size: 1.28571429rem
}
}
#bj_d3 .con h3::after {
	display: block;
	width: 66px;
	height: 3px;
	content: "";
	margin: .5em 0 1em;
	background-color: #2649db
}
#bj_d3 .con small {
font-size:.9rem;
	color: #333
}
@media (max-width:768px) {
#bj_d3 .con small {
font-size:.94444444rem
}
}
#bj_d3 .con .btn {
	font-size: 14px;
	border: none;
	color: #fff;
	display: block;
	position: relative;
	overflow: hidden;
	width: 11em;
	line-height: 3;
	z-index: 0;
	margin: 3% 0;
	border-radius: 3px
}
@media (max-width:640px) {
#bj_d3 .con .btn {
	font-size: 13px
}
}
#bj_d3 .con .btn::after {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	content: " ";
	background-color: #ee9827;
	z-index: -2;
	left: 0;
	top: 0
}
#bj_d3 .con .btn::before {
	content: '';
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 100%;
	margin: -15px 0 0 1px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #024e27;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform: scale3d(1, 2, 1);
	transform: scale3d(1, 2, 1);
	-webkit-transition: -webkit-transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;
	-webkit-transition-timing-function: cubic-bezier(.7, 0, .9, 1);
	transition-timing-function: cubic-bezier(.7, 0, .9, 1)
}
#bj_d3 .con .btn:hover::before {
	-webkit-transform: scale3d(9, 9, 1);
	transform: scale3d(9, 9, 1)
}
#bj_d3 .list {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around
}
#bj_d3 .list li {
	text-align: center;
	width: 19%
}
#bj_d3 .list li .icon {
	display: inline-block;
	transition: all .5s ease
}
#bj_d3 .list li small {
	display: block;
	font-size: 14px;
	color: #666;
	font-family: Calibri
}
@media (max-width:640px) {
#bj_d3 .list li small {
	font-size: 13px
}
}
#bj_d3 .list li h4 {
font-size:.9rem;
	color: #333;
	font-weight: 400
}
@media (max-width:768px) {
#bj_d3 .list li h4 {
font-size:.94444444rem
}
}
#bj_d3 .list li:hover .icon {
	transform: rotateY(180deg)
}
#move_point {
	position: absolute;
	text-align: center;
	bottom: 8vw;
	left: 43%
}
#move_point img {
	display: block;
	max-width: 100%
}
#move_point ._t {
	font-size: 1rem;
	color: #024e27;
	font-family: Calibri
}
#move_point ._b {
font-size:.8rem;
	color: #333
}
@media (max-width:768px) {
#move_point ._b {
font-size:.88888889rem
}
}
@media (max-width:640px) {
#move_point ._b {
	font-size: 1rem
}
}
#move_point ._m {
	font-size: 1.35rem;
	position: relative;
	color: #2649db;
	line-height: 1;
	margin: -1.2em 0 .2em;
	z-index: 5
}
@media (max-width:768px) {
#move_point ._m {
	font-size: 1.125rem
}
}
#move_point ._m span {
	display: inline-block;
	font-size: 1.8rem;
	font-family: Arial;
	text-indent: 8px
}
@media (max-width:768px) {
#move_point ._m span {
	font-size: 1.28571429rem
}
}
#move_point .i2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: all 1.5s linear .5s;
	transition: all 1.5s linear .5s
}
#move_point.aos-animate .i2 {
	transform: rotate(360deg)
}
@media screen and (min-width:980px) and (max-width:1200px) {
html {
	font-size: 17px
}
}
@media screen and (min-width:768px) and (max-width:979px) {
html {
	font-size: 16px
}
}
.dazhong_img {
	position: relative;
	overflow: hidden
}
.dazhong_img .cont {
	display: inline-block;
	width: 90%;
	display: block;
	position: absolute;
	z-index: 5;
	top: 54%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.dazhong_img h2 {
	font-size: 1.8rem;
	color: #fff;
	letter-spacing: 3px
}
@media (max-width:768px) {
.dazhong_img h2 {
	font-size: 1.28571429rem
}
}
.dazhong_img small {
font-size:.8rem;
	display: block;
	color: #fff;
	letter-spacing: 1px;
	text-align: justify;
	max-width: 725px
}
@media (max-width:768px) {
.dazhong_img small {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.dazhong_img small {
	font-size: 1rem
}
}
@media screen and (max-width:768px) {
.dazhong_img img {
	width: 210%
}

}
@media screen and (max-width:500px) {
.dazhong_img h2 {
	font-size: 16px
}
.dazhong_img small {
	font-size: 13px;
	line-height: 1.6
}
}
.innernav {
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 5;
	background-color: rgba(0,0,0,.3);
	padding: 1em 0
}
.innernav .breaker {
	float: right;
	color: #ddd
}
.innernav .breaker a {
	color: #ddd
}
.innernav .nava {
	color: #fff;
	font-size: 14px;
	display: inline-block;
	padding: 0 1em;
	margin-right: .5em;
	border-radius: 1rem;
	line-height: 2.3
}
@media (max-width:640px) {
.innernav .nava {
	font-size: 13px
}
}
.innernav .nava.act {
	background-color: #fff;
	color: #000
}
.artitle {
	border-bottom: 1px solid rgba(255,255,255,.3);
	padding-bottom: 1.5%;
margin-bottom:.7rem
}
.artitle h1 {
	font-size: 1.5rem;
	color: #fff;
	line-height: 1.3;
	padding: .5em 0
}
@media (max-width:768px) {
.artitle h1 {
	font-size: 1.2rem
}
}
.artitle .infos {
	font-size: 14px;
	color: #bbb
}
@media (max-width:640px) {
.artitle .infos {
	font-size: 13px
}
}
.artitle .infos a {
	color: #bbb
}
.breaker {
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #666;
	line-height: 30px;
	padding-left: 2em;
	background-position: 0 center
}
.breaker a {
	color: #999
}
.breaker a:hover {
	color: #024e27
}
.breaker i {
	color: #ddd;
	text-align: center;
	font-size: 1rem;
	margin-right: .5em
}
@media screen and (max-width:768px) {
.breaker {
	margin: 0;
	padding: 0
}
}
@media screen and (max-width:640px) {
.titbar {
	margin-bottom: 10px
}
}
.titbar.break {
	height: 2rem;
margin:.4rem 0 1.1rem;
	padding: 0;
	border-bottom: 1px solid #ddd
}
.titbar.break .breaker {
	float: right
}
.titbar.break h2 {
	color: #333;
	font-weight: 400;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1.2;
	border-left: 5px solid #024e27;
	padding-left: .5em
}
@media screen and (max-width:640px) {
.titbar.break {
	overflow: hidden;
	margin-bottom: 5vw;
	padding-bottom: 2%
}
.titbar.break .breaker {
	float: none
}
.titbar.break h2 {
	display: none
}
}
.bgray {
	overflow: hidden;
	background-color: #f4f4f4
}
.waimao_img {
	background-color: #000;
	overflow: hidden;
	position: relative;
	width: 100vw
}
.waimao_img .i01 {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	min-width: 100%
}
.waimao_img .containe {
	overflow: hidden;
	padding: 10% 0;
	position: relative;
	z-index: 2
}
.waimao_img #u1l {
	float: left;
	margin-right: 7%;
	margin-top: 4rem
}
.waimao_img #u1l li {
	text-align: center;
	cursor: pointer;
font-size:.9rem;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 10em;
	background-color: #222;
	margin-bottom: 1.5em;
	line-height: 2.7;
	border-radius: 3px;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}
@media (max-width:768px) {
.waimao_img #u1l li {
font-size:.94444444rem
}
}
.waimao_img #u1l li.act, .waimao_img #u1l li:hover {
	color: #333;
	background-color: #024e27
}
.waimao_img .imgcont {
	float: right;
	position: relative;
	margin-top: 4rem;
	width: 23rem;
	height: 26.5rem
}
.waimao_img .imgcont img {
	max-width: 23rem;
	display: block
}
.waimao_img .imgcont .cont {
	position: absolute;
	background-color: #fff;
	bottom: -7%;
	right: 10%;
	z-index: 4;
	min-width: 100%;
	max-width: 140%;
	padding: 1rem 2rem
}
.waimao_img .imgcont .cont h3 {
	font-size: 1.2rem;
	color: #333
}
@media (max-width:768px) {
.waimao_img .imgcont .cont h3 {
	font-size: 1.09090909rem
}
}
.waimao_img .imgcont .cont small {
font-size:.8rem;
	color: #666
}
@media (max-width:768px) {
.waimao_img .imgcont .cont small {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.waimao_img .imgcont .cont small {
	font-size: 1rem
}
}
.waimao_img .imgcont .iconfont {
	font-size: 1.2rem;
	position: absolute;
	top: 1rem;
	color: #cecece;
	right: 1rem
}
@media (max-width:768px) {
.waimao_img .imgcont .iconfont {
	font-size: 1.09090909rem
}
}
.waimao_img .imgcont .iconfont.icon-left {
	right: 2.5rem
}
.waimao_img .imgcont .iconfont:hover {
	color: #024e27
}
.waimao_img #h3t {
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 1.5em
}
@media (max-width:768px) {
.waimao_img #h3t {
	font-size: 1.04761905rem
}
}
.waimao_img #u2l li {
	margin-bottom: 4%;
	cursor: pointer
}
.waimao_img #u2l li i {
	vertical-align: middle;
	display: inline-flex;
	fill: #cecece;
	width: 1.8rem;
	height: 1.8rem
}
.waimao_img #u2l li .line {
	display: inline-block;
	vertical-align: middle;
	background-color: #cecece;
	height: 1px;
	width: 6%;
	margin: 0 1.5%;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}
.waimao_img #u2l li h5 {
	display: inline-block;
	vertical-align: middle;
	color: #cecece;
font-size:.8rem;
	font-weight: 400
}
@media (max-width:768px) {
.waimao_img #u2l li h5 {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.waimao_img #u2l li h5 {
	font-size: 1rem
}
}
.waimao_img #u2l li.act i, .waimao_img #u2l li:hover i {
	fill: #024e27
}
.waimao_img #u2l li.act .line, .waimao_img #u2l li:hover .line {
	background-color: #024e27;
	width: 9%
}
.waimao_img #u2l li.act h5, .waimao_img #u2l li:hover h5 {
	color: #024e27
}
@media screen and (max-width:768px) {
.waimao_img {
	display: none
}
}
#dazhong_mweb {
	overflow: hidden;
	position: relative;
	z-index: 5;
	background-color: #f0f5f6;
	padding: 1% 0 3%
}
#dazhong_mweb ul {
	border-left: 1px solid #ddd;
	margin-top: 4%;
	overflow: visible;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}
#dazhong_mweb ul li {
	box-sizing: border-box;
	background-color: #fff;
	text-align: center;
	width: 20%;
	border: 1px solid #ddd;
	border-left: none
}
#dazhong_mweb ul li .num {
	text-align: center;
	font-size: 1.4rem;
	font-style: italic;
	font-family: Arial;
	font-weight: 700;
	color: #fff;
	transform: translateY(-50%);
	line-height: 4.5rem;
	background-image: url(../images/i05.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%
}
@media (max-width:768px) {
#dazhong_mweb ul li .num {
	font-size: 1.16666667rem
}
}
#dazhong_mweb ul li i {
	display: inline-flex;
	fill: #000;
	width: 2.5rem;
	height: 2.5rem
}
#dazhong_mweb ul li strong {
	font-size: 1rem;
	color: #000;
	display: block;
	line-height: 3
}
#dazhong_mweb ul li .btn {
	font-size: 15px;
	border: none;
	color: #024e27;
	line-height: 2.4;
	border-radius: 1.5rem;
	padding: 0 1.5em;
	margin: 2% auto 12%;
	border: 1px solid #f3f5f8;
	background-color: #f3f5f8
}
@media (max-width:640px) {
#dazhong_mweb ul li .btn {
	font-size: 1rem
}
}
@media screen and (max-width:768px) {
#dazhong_mweb ul li .btn {
	background-color: #024e27;
	color: #fff
}
}
#dazhong_mweb ul li .btn:hover {
	background-color: #024e27;
	color: #fff
}
#dazhong_mseo .swiper-father {
	position: relative;
	padding: 0 4rem
}
#dazhong_mseo .swiper-button-prev {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTI4cHgiIGhlaWdodD0iMTI4cHgiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik02NCwwQzI4LjY1MiwwLDAsMjguNjUyLDAsNjRjMCwzNS4zNDYsMjguNjUyLDY0LDY0LDY0YzM1LjM0NCwwLDY0LTI4LjY1NCw2NC02NEMxMjgsMjguNjUyLDk5LjM0NCwwLDY0LDB6IE02NCwxMjQNCgkJQzMwLjg2MiwxMjQsNCw5Ny4xMzYsNCw2NEM0LDMwLjg2MiwzMC44NjIsNCw2NCw0YzMzLjEzMiwwLDYwLDI2Ljg2Miw2MCw2MEMxMjQsOTcuMTM2LDk3LjEzMiwxMjQsNjQsMTI0eiIvPg0KCTxwYXRoIGQ9Ik04OC40MzEsNjIuNjdsLTQxLjgyMi0wLjAzNWwxNC4yMTgtMTQuMzA3YzAuNzgyLTAuNzgyLDAuNzgyLTIuMDQ2LDAtMi44MjhjLTAuNzgyLTAuNzgyLTIuMDQ2LTAuNzgyLTIuODI3LDANCgkJTDQxLjAyOCw2Mi41NjhjLTAuMzk2LDAuMzk0LTAuNTg4LDAuOTE2LTAuNTgyLDEuNDMyYy0wLjAwNiwwLjUxOCwwLjE4NiwxLjAzOCwwLjU4MiwxLjQzNEw1OCw4Mi41ODMNCgkJYzAuNzgxLDAuNzgyLDIuMDQ1LDAuNzgyLDIuODI3LDBzMC43ODItMi4wNDYsMC0yLjgyOGwtMTIuOTc0LTEzLjEybDQwLjU3NCwwLjAzNWMxLjEwNSwwLDItMC44OTMsMi4wMDEtMS45OTgNCgkJQzkwLjQzLDYzLjU2NCw4OS41MzYsNjIuNjcxLDg4LjQzMSw2Mi42N3oiLz4NCjwvZz4NCjwvc3ZnPg==)
}
#dazhong_mseo .swiper-button-next {
	background-image: url(../fonts/f5c30875b87b43cc92a1e5bb07a1689f.woff)
}
#dazhong_mseo .swiper-button-next, #dazhong_mseo .swiper-button-prev {
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: cover;
	width: 2.25rem;
	height: 2.25rem;
	top: 38%
}
@media screen and (max-width:640px) {
#dazhong_mseo .swiper-father {
	padding: 0
}
#dazhong_mseo .swiper-button-next, #dazhong_mseo .swiper-button-prev {
	display: none
}
}
#dazhong_mal .li {
	width: 30.33%;
	margin-right: 3%;
	float: left;
	margin-bottom: 45px
}
#dazhong_mal .li .itemtop {
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	border-radius: 8px 8px 0 0;
	background: #eee
}
@media screen and (max-width:768px) {
#dazhong_mal .li .itemtop {
	display: none
}
}
#dazhong_mal .li .itemtop span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 6px;
	background: #fff
}
#dazhong_mal .li .pic {
	width: 100%;
	height: 16rem;
	position: relative;
	overflow: hidden;
	border: 1px solid #eee;
	box-sizing: border-box
}
#dazhong_mal .li .pic img {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	max-height: unset;
	transition: none
}
#case_ul .li .pic .cover {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(20,38,78,.5);
	opacity: 0;
	color: #fff;
	text-align: center;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	z-index: 8
}
#case_ul .li .pic .link, #case_ul .li .pic .more {
	display: inline-block;
	color: #fff;
padding:.4rem 1.5rem;
	background: #ca1214;
	border-radius: 3px;
	margin-right: 10px
}
#case_ul .li .pic .link {
	background: #024e27
}
#case_ul .li:hover .pic .cover {
	opacity: 1
}
#dazhong_mal .li .txt {
font-size:.9rem;
	color: #333;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-top: .8em
}
@media (max-width:768px) {
#dazhong_mal .li .txt {
font-size:.94444444rem
}
}
#dazhong_mal .swiper-wrapper {
	width: 100%!important
}
.case_top {
	background-color: #435371;
	padding: 165px 0 2.5vw
}
.topnav {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	display: table
}
.topnav li {
	float: left;
	font-size:.85rem;
	color: #fff;
	position: relative;
	line-height: 2.8;
	padding: 0 2em;
	margin-right: 30px;
	border-radius: 1.5rem;
	border: 1px solid #fff
}
@media (max-width:768px) {
.topnav li {
font-size:.94444444rem
}
}
@media (max-width:640px) {
.topnav li {
	font-size: 1.0625rem
}
}
.topnav li a {
	color: #fff
}
.topnav li:last-child {
	margin-right: 0
}
.topnav li.active, .topnav li:hover {
	background: #024e27;
	border-color: #024e27;
}
.topnav li.active a, .topnav li:hover a {
	color: #111
}
.ind_case.inner {
	overflow: visible;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 1em 0;
}
.ind_case.inner li {
	box-sizing: border-box;
	border: 1px solid #ddd;
	padding:.5%;
	margin:1% 0;
	width: 24%;
}
@media (max-width:960px) {
.ind_case.inner li {
	box-sizing: border-box;
	border: 1px solid #ddd;
	padding:.5%;
	margin:1% 0;
	width: 32%;
}
}
@media (max-width:768px) {
.ind_case.inner li {
	box-sizing: border-box;
	border: 1px solid #ddd;
	padding:.5%;
	margin:1% 0;
	width: 49%;
}
}
.ind_case.inner li .bord {
padding:.5rem
}
.ind_case.inner .cont {
	padding: 4%
}
.ind_case.inner li:hover h4 {
	color: #024e27
}
.ind_case.inner li:hover .cont .ico {
	background-image: url(../fonts/b00bffe3caae47d59cb22422e304ee41.woff)
}
.about_honor .swiper-button-next {
	background-image: url(../fonts/2a3bf215877c40e0a2576f2f0d15e9f8.woff)
}
.about_honor .swiper-button-next, .about_honor .swiper-button-prev {
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: cover;
	width: 2.25rem;
	height: 2.25rem;
	top: 38%
}
.contact_top {
	background-color: #081e4a;
	padding-top: calc(80px + .5%);
	padding-bottom: 1%
}
.contact_top .ind_tit h2 {
	color: #fff
}
.contact_top .ind_tit .s2 {
	color: #fff;
	font-size: 1.4rem;
	text-transform: uppercase;
	line-height: .9
}
@media (max-width:768px) {
.contact_top .ind_tit .s2 {
	font-size: 1.16666667rem
}
}
.contact_mid {
	overflow: hidden
}
.contact_mid .infos {
	position: relative;
	z-index: 5;
	float: left;
	width: 23rem;
	padding: 3% 5%;
	background-color: #195ba9;
}
.contact_mid .infos .tit {
	font-size: 15px;
	color: #fff;
	padding-bottom: 1rem;
	margin-bottom: 7%;
	border-bottom: 1px solid #024e27;
}
@media (max-width:640px) {
.contact_mid .infos .tit {
	font-size: 1rem
}
}
.contact_mid .infos ul li {
margin-bottom:.5rem
}
.contact_mid .infos ul i {
	color: #fff;
	font-size: 1.25rem;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	float: left;
	width: 2em;
	line-height: 2;
	border-radius: 50%;
	border: 1px solid #fff;
	margin-right: 1rem
}
@media (max-width:768px) {
.contact_mid .infos ul i {
	font-size: 1.08695652rem
}
}
.contact_mid .infos ul .txt {
font-size:.8rem;
	color: #fff;
	line-height: 1.5
}
@media (max-width:768px) {
.contact_mid .infos ul .txt {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.contact_mid .infos ul .txt {
	font-size: 1rem
}
}
.contact_mid .infos .ecode {
	padding-left: 4rem;
	text-align: center;
	color: #fff;
	font-size: 13px;
	display: inline-block
}
.contact_mid .map {
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
	z-index: 1
}
.contact_bot {
	margin-top: 4%;
	border-top: 3px solid #f1f1f1;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around
}
.contact_bot .item {
	box-sizing: border-box;
	border-right: 1px solid #666;
	margin: 3% 0 8%;
	width: 29%;
	margin-right: 4%
}
.contact_bot .item:last-child {
	border: none
}
.contact_bot h4 {
font-size:.9rem;
	color: #333;
	line-height: 1;
	margin-bottom: .5em
}
@media (max-width:768px) {
.contact_bot h4 {
font-size:.94444444rem
}
}
.contact_bot h4 i {
	color: #024e27
}
.contact_bot p {
	font-size: 15px;
	color: #333
}
@media (max-width:640px) {
.contact_bot p {
	font-size: 1rem
}
}
.haiwai_top {
	overflow: hidden;
	position: relative;
	z-index: 0;
	height: 46vw
}
.haiwai_top video {
	position: relative;
	z-index: 1
}
.haiwai_top .i1 {
	position: absolute;
	z-index: 4;
	border-left: 800px solid #081e4a;
	animation: move4 5s linear forwards
}
.haiwai_top .i2 {
	position: absolute;
	z-index: 5;
	opacity: 0;
	width: 100%;
	left: 0;
	top: 0;
	animation: move5 1.5s linear 5s forwards
}
.haiwai_ads {
	overflow: hidden;
	padding: 5% 0 5%;
	background-image: url(../images/g4.jpg);
	background-repeat: no-repeat;
	background-position: 100% center;
	background-size: auto auto
}
.haiwai_ads h4 {
	font-size: 1.8rem;
	color: #024e27;
	font-weight: 700;
	text-shadow: rgba(0,0,0,.6) 2px 3px 2px;
	line-height: 1.5;
	margin-bottom: 3%
}
@media (max-width:768px) {
.haiwai_ads h4 {
	font-size: 1.28571429rem
}
}
.haiwai_ads dl {
	width: 60%
}
.haiwai_ads dd {
	font-size: 1.4rem;
	color: #fff;
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding-left: 2rem;
	background-image: url(../images/i25.png);
	background-repeat: no-repeat;
	text-shadow: rgba(0,0,0,.3) 1px 1px 2px;
	background-position: 0 center;
	background-size: auto 1.5rem;
	margin-bottom: 2%
}
@media (max-width:768px) {
.haiwai_ads dd {
	font-size: 1.16666667rem
}
}
@media screen and (max-width:640px) {
.haiwai_ads {
	background-size: auto 100%
}
.haiwai_ads dl {
	padding-left: 6%;
	width: auto
}
.haiwai_ads dd {
	width: 100%;
	float: none
}
}
.hw_i1 {
	position: relative;
	display: block;
	max-width: 100%;
	z-index: 4
}
#haiwai_mid {
	overflow: hidden;
	position: relative;
	z-index: 5;
	padding: 3% 0 0
}
#haiwai_mid .i1 {
	float: right;
	width: 50%;
	margin-left: 4%
}
#haiwai_mid h3 {
	font-size: 1.8rem;
	color: #333;
	font-weight: 700;
	margin-bottom: 7%
}
@media (max-width:768px) {
#haiwai_mid h3 {
	font-size: 1.28571429rem
}
}
#haiwai_mid dl {
	width: 50%;
	float: left
}
#haiwai_mid dl dd {
	overflow: hidden;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	margin-bottom: 8%
}
#haiwai_mid dl em {
	display: inline-block;
	text-align: right;
	font-size: 1rem;
	color: #024e27;
	width: 5em;
	max-width: 5em;
	white-space: nowrap
}
#haiwai_mid dl .des {
font-size:.8rem;
	color: #333;
	line-height: 1.7;
	border-left: 1px solid #ddd;
	padding-left: 1em;
	margin-left: 1em
}
@media (max-width:768px) {
#haiwai_mid dl .des {
font-size:.88888889rem
}
}
@media (max-width:640px) {
#haiwai_mid dl .des {
	font-size: 1rem
}
}
#haiwai_mid dl.d1 em {
	width: 3em
}
#haiwai_mid dl.d1 dd {
	margin-bottom: 16%
}
#haiwai_d3 {
	padding-bottom: 3%
}
#haiwai_d3 .list {
	display: flex;
	flex-flow: row wrap;
	justify-content: center
}
#haiwai_d3 .list li {
	text-align: center;
	width: 19%
}
#haiwai_d3 .list li .icon {
	display: inline-block;
	transition: all .5s ease
}
#haiwai_d3 .list li h4 {
	font-size: 1rem;
	color: #222
}
#haiwai_d3 .list li .btn {
	border: none;
	font-size: 15px;
	color: #fff;
	border-radius: 1rem;
	padding: 3px 2.5em;
	background-color: #6167e0;
	margin: 1.5em
}
@media (max-width:640px) {
#haiwai_d3 .list li .btn {
	font-size: 1rem
}
}
#haiwai_d3 .list li:hover .icon {
	transform: rotateY(180deg)
}
#haiwai_d3 .list li:nth-child(2) .btn {
	background-color: #1e7ffe
}
#haiwai_d3 .list li:nth-child(3) .btn {
	background-color: #024e27
}
#haiwai_d3 .list li:nth-child(4) .btn {
	background-color: #f0b81f
}
@media screen and (max-width:980px) {
.waimao_img .imgcont {
	display: none
}
.waimao_img .containe {
	padding-top: 15%;
	padding-bottom: 5%
}
.ind_case .cont .ico {
	display: none
}
}
@media screen and (max-width:768px) {
html {
	font-size: 15px
}
.a3s {
	display: none
}
.dazhong_img img {
	width: 138%
}
#ind_d1 {
	padding-top: 1%
}
#ind_cor, .ind_tit.hz {
	display: none
}
#footer .copyright {
	margin-top: 0
}
.case_top {
	padding-top: 17vw;
	display: none
}
.topnav li {
	line-height: 2.3;
	padding: 0 1.2em;
	margin-right: 2%;
	margin-bottom: 2%
}
.news_top .n2 .cont .date {
	display: none
}
.innernav {
	position: relative;
	overflow: hidden;
	background-color: #4a4949
}
.contact_bot .item {
	border: none;
	width: 92%;
	margin-right: 4%;
	margin-left: 4%
}
.innernav .breaker {
	float: none
}
.innernav .nava {
	padding: 0 1em;
	margin-right: .5em;
	border: 1px solid #fff;
	margin-top: .5em
}
#case_ul .li .pic .cover {
	display: none
}
.hw_i1 {
	display: none
}
}
@media screen and (max-width:640px) {
html {
	font-size: 14px
}
#ind_d2 .item {
	text-align: left;
	width: 90%;
	margin-left: 5%;
	max-width: initial
}
#ind_d2 .item .number, #ind_d2 .item h5 {
	display: inline-block;
	vertical-align: middle
}
#ind_d2 .item .des {
	text-align: left
}
#ind_d3 .ind_case li {
	width: 100%;
	margin-right: 0
}
#ind_d3 .ind_case li:nth-child(n+5) {
	display: none
}
.newsd .n2, .newsd .n3, .newsd .onenews {
	width: 100%
}
#dazhong_mweb ul {
	margin-left: 2rem;
	overflow: visible;
	border: none
}
#dazhong_mweb ul li {
	width: 100%;
	position: relative;
	text-align: left;
	margin-bottom: 2%;
	padding: 2% 0;
	border-left: 1px solid #ddd
}
#dazhong_mweb ul li i {
	margin-left: 3rem
}
#dazhong_mweb ul li .num {
	position: absolute;
	top: 50%;
	width: 4.5rem;
	margin-left: -2.25rem
}
#dazhong_mweb ul li strong {
	display: inline-block;
	vertical-align: text-bottom
}
#dazhong_mweb ul li .btn {
	margin: 1.5% 3% 0 0;
	float: right
}
#dazhong_myy .i1 {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-right: 0
}
.dazhong_mxw .col {
	width: 100%
}
.dazhong_mxw .col:nth-child(-n+1) {
	display: none
}
#dazhong_fw ul li {
	width: 23.5%;
	margin-bottom: 3%
}
#dazhong_fw ul li i {
	font-size:36px;
}
#bj_d3 .list li {
	text-align: left;
	width: 100%;
	border-bottom: 1px solid #f0f2fd;
}
#bj_d3 .list li .icon {
	width: 5rem;
	display: inline-block;
	transition: all .5s ease;
	float: left;
	margin-right: 2%
}
#bj_d3 .list li small {
	margin-top: 1em
}
#dazhong_bn .i1 {
	height: 80vw
}
#dazhong_bn.active .cont1 {
	display: none
}
#bj_d3 .cont {
	background-position: 0 0!important
}
#move_point {
	right: 2%;
	width: 100px;
	left: initial
}
.ind_case {
	padding: 1px
}
.ind_case.inner {
	padding: 15px
}
.ind_case li {
	width: 100%;
	background: 0 0!important
}
.ind_case li .bord {
	padding: 10px;
	border: 1px solid #ddd
}
.ind_case.inner .cont {
	padding: .5em 0 1em;
	text-align: center
}
.ind_case.inner .cont small {
	display: none
}
.about_mid .item {
	width: 100%
}
.about_mid .item .big {
	width: 37%
}
.about_mid .item .big img {
	width: 166%
}
#dazhong_mal .li {
	margin-right: 0
}
#dazhong_myy dl {
	padding: 0 4%
}
.innernav .nava {
	display: ;
}
.innernav {
	padding: .5em 0
}
.news_top {
	display: none
}
.inner_new li {
padding:.8rem 0
}
.inner_new li .text-wrap .ta {
	display: none
}
.inner_new li .imWrap {
	padding-top: 67.7%
}
.inner_new li .text-wrap p {
	padding-top: 0
}
.about_top {
	background-size: cover
}
.about_top .items {
	margin-top: 8%
}
.about_mid .item:nth-child(2) .big {
	display: none
}
.about_mid .item:nth-child(3) {
	border: none
}
.about_mid .item:last-child .big {
	float: none;
	width: 100%
}
.about_mid .item:last-child .big img {
	width: 88%;
	margin-left: 6%
}
#dazhong_fw ul .des {
	display: none
}
.about_honor {
	margin-top: 3%
}
#haiwai_mid .i1 {
	float: none;
	width: 97%;
	margin-left: 0
}
#haiwai_mid dl {
	width: 100%;
	float: none
}
#haiwai_mid dl.d1 dd {
	margin-bottom: 8%
}
#haiwai_mid dl.d1 em {
	width: 5em
}
#haiwai_d3 .list li {
	text-align: left;
	width: 100%;
	border-bottom: 1px solid #f0f2fd
}
#haiwai_d3 .list li .icon {
	width: 5rem;
	vertical-align: middle
}
#haiwai_d3 .list li h4 {
	display: inline-block;
	vertical-align: middle
}
#haiwai_d3 .list li .btn {
	float: right;
	padding: 3px 1.5em
}
}
@media screen and (max-width:479px) {
.contact_mid .infos {
	box-sizing: border-box;
	width: 100%
}
.inner_new li .text-wrap .ta {
	font-size: 12px;
	padding: 2px .6em
}
}
#toolbar {
	display: none;
	width: 100%;
	background-color: #fff;
	height: 55px;
	position: fixed;
	z-index: 999;
	bottom: 0;
	left: 0;
	border-top: 1px solid #E5E9F2
}
@media (max-width:767px) {
#toolbar {
	display: block
}
}
#toolbar ul {
	padding-top: 5px
}
#toolbar ul li {
	float: left;
	position: relative;
	text-align: center;
	width: 25%
}
#toolbar ul li a {
	width: 100%;
	position: relative;
	color: #1b2c42;
	line-height: 23px;
	padding-top: 7px
}
#toolbar ul li a.iconfont {
	font-size: 22px
}
#toolbar ul li a span {
	font-size: 13px;
	display: block
}
#toolbar ul li:hover a {
	color: #024e27
}
#navToggle {
	display: none
}
.m_nav {
	height: 100%;
	background-color: #fff;
	position: fixed;
	top: 0;
	right: 0;
	visibility: visible;
	z-index: -1;
	width: 50%;
	margin-top: 0;
	opacity: 1;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,.38);
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0s;
	transform: translateX(100%)
}
.m_nav .bg {
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-size: auto auto;
	padding-bottom: 10px;
	margin-bottom: -10px
}
.m_nav .overly {
	position: absolute;
	height: 100%;
	width: 102vw;
	right: 0;
	z-index: 0;
	top: 0
}
.m_nav .ul li .dropdown_menu {
	display: none;
	transition: none
}
.m_nav .ul li .dropdown_menu a {
	display: block;
	box-sizing: border-box;
	position: relative;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	border-bottom: 1px solid #f5f5f5
}
.m_nav .ul li .dropdown_menu a:last-child {
	border: none
}
.m_nav .ul li .dropdown_menu a .icon-arright {
	font-size: 13px;
	margin-left: -20px;
	margin-right: 10px
}
.m_nav .ul li .icon-xialajiantou {
	position: absolute;
	font-weight: 700;
	text-align: center;
	color: #666;
	cursor: pointer;
	top: 0;
	right: 5px;
	z-index: 20;
	height: 35px;
	width: 35px;
	line-height: 35px;
	transition: all .5s ease 0s;
	font-size: 8px;
	border: 7px solid #fff;
	border-radius: 50%
}
.m_nav .ul li:hover .icon-xialajiantou {
	background: #f5f5f5
}
.m_nav .ul li:first-child .icon-xialajiantou {
	display: none
}
.m_nav .ul li .icon-xialajiantou.up {
	transform: rotate(180deg)
}
.m_nav.open {
	z-index: 1000;
	transform: translateX(0)
}
.m_nav .top {
	box-sizing: border-box;
	height: 60px;
	padding: 20px
}
.m_nav .top .closed {
	vertical-align: middle;
	float: right;
	font-size: 26px;
}
.m_nav .mlogo {
	width: 100%;
	margin-left: auto;
	margin-right: auto
}
.m_nav .mlogo img {
	display: block;
	height: 50px;
	margin: 10px auto;
	max-width: 40%;
	height: auto
}
.m_nav .ul {
	overflow-y: auto;
	height: calc(100vh - 180px);
	margin-top: 20px
}
.m_nav .ul li {
	padding: 0 20px;
	opacity: 0;
	border-bottom: 1px solid #f5f5f5;
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0s;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0s;
	-webkit-transform: translateY(100%);
	transform: translateY(0);
	transform: translateY(100%)
}
.m_nav.open .ul li {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.m_nav .ul li:nth-child(1) {
	-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0s;
	transition: all .2s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(2) {
	-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0s;
	transition: all .4s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(3) {
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0s;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(4) {
	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0s;
	transition: all .8s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(5) {
	-webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0s;
	transition: all 1s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(6) {
	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0s;
	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(7) {
	-webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0s;
	transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(8) {
	-webkit-transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0s;
	transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li a {
	display: block;
	width: 100%;
	height: 50px;
	font-size: 16px;
	color: #333;
	line-height: 50px;
	text-decoration: none
}
.m_nav .ul li a.leve1 {
	display: block;
	width: auto;
	margin-right: 3em
}
@keyframes flow {
0% {
left:-6rem
}
100% {
left:100%
}
}
.subbanner img {
	display: block
}
.article {
	line-height: 1.7;
	font-size: 15px;
	color: #333
}
@media (max-width:640px) {
.article {
	font-size: 1rem
}
}
.article table {
	width: 100%;
	min-width: 600px
}
.article img {
	max-width: 100%;
	height: auto!important;
	margin-bottom: .5em;
	margin-top: .5em
}
.article_cont {
	overflow: hidden
}
@media screen and (max-width:768px) {
.article_cont img {
	display: block;
	max-width: 100%;
	float: none!important;
	margin: 0 0 1em!important
}
.article_cont .w50 {
	width: 100%;
	float: none!important
}
}
h3.tag {
	color: #999;
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 2vw;
	border-top: 1px dashed #e0e1dc;
	margin-top: 10px;
	padding-top: 8px
}
@media (max-width:640px) {
h3.tag {
	font-size: 13px
}
}
h3.tag a {
	color: #005a98;
	margin: 0 8px 0 5px
}
h3.tag a:hover {
	color: #0172bd
}
.relate_bord {
	margin-bottom: 3%
}
.relate_tit {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 1em;
	color: #024e27;
	padding-left: .5em;
	border-left: 5px solid #024e27
}
.relate_tit a, .relate_tit span {
	font-size: 14px;
	color: #666;
	font-weight: 400
}
@media (max-width:640px) {
.relate_tit a, .relate_tit span {
	font-size: 13px
}
}
.relate_tit .more {
	float: right
}
.relate_tit .more:hover {
	color: #024e27
}
.relate_news {
	width: 102%
}
.relate_news li {
	float: left;
	width: 47%;
	margin-right: 3%;
	border-bottom: 1px dashed #dedede;
	line-height: 3.4
}
@media screen and (max-width:768px) {
.relate_news li {
	float: none;
	width: 97%
}
}
.relate_news li a {
	display: block
}
.relate_news li h5 {
	color: #888;
	font-size: 14px;
	display: block;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
@media (max-width:640px) {
.relate_news li h5 {
	font-size: 13px
}
}
.relate_news li h5:hover {
	color: #024e27
}
.relate_news li em {
	padding-right: .5em
}
.relate_news li .date {
	color: #999;
	display: inline-block;
	float: right;
	font-size: 13px
}
#pre_pro {
	padding-bottom: 2rem
}
#pre_pro .big {
	border: 1px solid #ddd;
	padding: 5px
}
#pre_pro .tit {
	font-size: 15px;
	color: #333;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 3
}
@media (max-width:640px) {
#pre_pro .tit {
	font-size: 1rem
}
}
#pre_pro .swiper-slide:hover .big {
	border-color: #024e27
}
#pre_pro .swiper-slide:hover .tit {
	color: #024e27
}
.skip {
	overflow: hidden;
	margin-top: 50px;
	margin-bottom: 30px;
	background: #f6f6f6;
	padding: 5px
}
.skip>div {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 46%;
	line-height: 30px;
	height: 30px;
	text-indent: 10px
}
.skip a {
	color: #666
}
.skip a:hover {
	color: #024e27
}
@media screen and (max-width:640px) {
.skip>div {
	width: 100%;
	float: none;
	padding: 5px;
	margin-left: -5px
}
.skip>div:first-child {
	border-bottom: 2px solid #fff
}
}
h1.tagname {
	position: absolute;
	color: #fff;
	font-size: 2.25rem;
	font-weight: 700;
	top: -13vw;
	left: 0;
	z-index: 66;
	letter-spacing: 1px
}
@media (max-width:768px) {
h1.tagname {
	font-size: 1.36363636rem
}
}
.tags .breaker {
	float: left
}
.taglist {
	background-color: #fff;
	padding: 2em 1.5em;
	margin-bottom: 5vw;
	margin-top: -1%
}
.taglist a {
	display: inline-block;
	color: #666;
	font-size: 14px;
	padding: 3px 10px;
	background-color: #f3f3f3;
	white-space: nowrap;
	margin: 4px 10px 4px 0;
	border-radius: 3px
}
@media (max-width:640px) {
.taglist a {
	font-size: 13px
}
}
.taglist a:hover {
	color: #fff;
	background: #1abc9c
}
@media screen and (max-width:768px) {
.taglist {
	padding: 0 1em
}
}
.fixed-b {
	width: 100%;
	background: #024e27;
	bottom: 0;
	left: 0;
	z-index: 999;
	font-size: 14px;
	opacity: 0;
	position: fixed;
	padding: 10px 0;
	display: none;
}
.fixed-b li {
	width: 25%;
	text-align: center;
	color: #fff;
	float: left;
	border-right: 1px solid #777;
	box-sizing: border-box;
}
.fixed-b li:last-child {
	border-right: none;
}
.fixed-b li a {
	color: #fff;
}
.fixed-b li a i {
	font-size: 24px;
	padding-right: 5px;
	color: #f7c324;
	vertical-align: middle;
	line-height: 1;
}
.fixed-b li a .icon-home {
	font-size: 18px;
}
.flow.right_side {
	position: fixed;
	width: 60px;
	height: 275px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
	z-index: 999;
}
.flow ul li {
	width: 60px;
	height: 60px;
	float: left;
	position: relative;
	margin-bottom: 2px;
}
.flow ul li .sidebox {
	position: absolute;
	border-radius: 5px;
	width: 60px;
	height: 60px;
	top: 0;
	right: 0;
	transition: all 0.3s;
	background: rgba(20,38,78,0.7);
	color: #fff;
	font: 15px/60px;
	overflow: hidden;
}
.flow ul li .sidetop, .flow ul li .wx {
	width: 60px;
	height: 60px;
	border-radius: 5px;
	display: block;
	background: rgba(20,38,78,0.7);
	transition: all 0.3s;
}
.flow ul li i {
	display: inline-block;
	width: 60px;
	line-height: 60px;
	color: #f7c324;
	font-size: 30px;
	text-align: center;
	vertical-align: middle;
}
.flow .wx {
	position: relative;
}
.flow .wx .wx_code {
	position: absolute;
	width: 120px;
	height: 120px;
	background: rgba(20,38,78,0.5);
	padding: 4px;
	left: -130px;
	top: 50%;
	display: none;
	transform: translateY(-50%);
}
.flow .wx .wx_code img {
	max-width: 100%;
}
.flow .wx:hover .wx_code {
	display: block;
}
.flow ul li .sidetop:hover, .flow ul li .sidebox:hover, .flow .wx:hover {
	background: rgba(20,38,78,0.5);
}
#dialogBg {
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: .6;
	filter: alpha(opacity=60);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
}
#dialog {
	width: 700px;
	display: none;
	background: url(../images/mess_bg.png)center no-repeat;
	background-size: 100% 100%;
	position: fixed;
	z-index: 10000;
	padding: 0 30px 20px 30px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.dialogTop {
	letter-spacing: 1px;
	padding: 10px 0 0;
	text-align: right;
}
.dialogTop a {
	color: #fff;
	font-size: 15px;
}
.dialogIco {
	width: 50px;
	height: 50px;
	position: absolute;
	top: -25px;
	left: 50%;
	margin-left: -25px;
}
#dialog h4 {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
	color: #fff;
}
.wsc-fixBar {
	position: fixed;
	right: 5px;
	top: calc(50% - 200px);
	z-index: 1000;
}
.fb-online, .fb-ly, .fb-tel, .fb-wx, .fb-lx, .fb-top {
	width: 60px;
	height: 60px;
	margin-bottom: 2px;
	cursor: pointer;
	transition: 0.36s;
	font-size: 12px;
	text-align: center;
	line-height: 14px;
	color: #f7c324;
	position: relative;
}
.fb-online a, .fb-ly a, .fb-tel>a, .fb-wx a, .fb-lx a, .fb-top a {
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	height: 60px;
	box-sizing: border-box;
	padding-top: 10px;
	transition: none;
	background-color: #1a458d;
	overflow: hidden;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.wsc-fixBar .iconfont {
	font-size: 25px;
	line-height: 40px;
}
.wsc-fixBar .fb-top .iconfont {
	font-size: 18px;
	line-height: 1;
}
.fb-tel:hover>a, .fb-online:hover a, .fb-wx:hover a, .fb-ly:hover a, .fb-top:hover a {
	background-color: #f4b518;
}
.fb-tel:hover {
	width: 140px;
	margin-left: -80px;
}
.fb-tel {
	overflow: hidden;
}
.fb-tel>a {
	left: 0;
	right: inherit;
}
.fb-tel .fbarCon {
	width: 80px;
	height: 60px;
	line-height: 57px;
	font-size: 16px;
	margin-left: 60px;
	background-color: #1a458d;
	text-indent: 0;
	position: relative;
	color: transparent;
}
.fb-tel .fbarCon a {
	color: #fff;
}
.fb-tel:hover .fbarCon {
	background-color: #f4b518;
	color: #fff;
	text-indent: -2em;
}
.fb-wx .fbarCon {
	position: absolute;
	left: -155px;
	bottom: 20px;
	width: 128px;
	background-color: #fff;
	padding: 12px;
	display: block;
	transform: scale(0);
	transition: all .2s linear;
	transform-origin: 100% 100%;
	box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.05);
}
.fb-wx .fbarCon::after {
	display: block;
	position: absolute;
	right: 0;
	bottom: -10px;
	content: " ";
	height: 0;
	width: 0;
	z-index: 5;
	border-top: 5px solid #fff;
	border-right: 10px solid #fff;
	border-bottom: 10px solid transparent;
}
.fb-wx:hover .fbarCon {
	transform: scale(1);
}
.fb-wx .fbarCon img {
	width: 100%;
}
#spbtn {
	width: 60px;
}
#kefutp {
	position: fixed;
	bottom: -1%;
	right: 0;
	display: block;
	z-index: 55;
	max-width: 9%;
}
#kefutp img {
	max-width: 100%;
}
.subbanner .wrapper {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 10px;
}
#tagsPreview>a {
	border-radius: 1rem;
}
@media only screen and (max-width: 1000px) {
.wsc-fixBar, #kefutp {
	display: none;
}
}
@media only screen and (max-width: 768px) {
.fixed-b {
	opacity: 1;
	display: block;
}
}




/*about case*/
.tit_ny {
	text-align: center;
	margin-bottom: 1%;
}
.tit_ny span {
  font-size: 0.875rem;
  background: rgba(2,78,39, 1.88);
  display: inline-block;
  padding: 0.25rem 0.5rem;
  color: #ffffff;
  margin-bottom: 0.2rem;
  line-height: 1.2;
  -webkit-border-radius: 2.55rem;
  -moz-border-radius: 2.55rem;
  -ms-border-radius: 2.55rem;
  -o-border-radius: 2.55rem;
  border-radius: 2.55rem;
}
.tit_ny h3 {
	font-size: 30px;
	color: #333;
}
.tit_ny p {
	font-size: 16px;
	color: #717171;
	display: block;
}
.dazhong_mab {
	padding: 1% 0px;
}

.list-team li {
	width: 31.33333%;
	float: left;
	margin: 1.5% 3% 1.5% 0;
	position: relative;
}
.list-team li:nth-child(3),.list-team li:nth-child(6) {
	margin-right: 0;
}

.list-team li .txt {
	width: 100%;
	position: absolute;
	background-color: rgba(2,78,39,0.5);
	bottom: 0;
	left: 0;
	color: #fff;
	z-index: 10;
	height: 60px;
	border-radius:0 0 10px 10px;
}
.list-team li .txt .pad {
	padding: 0 20px;
}
.list-team li .txt h3 {
	font-size: 18px;
	line-height: 24px;
}
.list-team li .txt p {
	font-size: 16px;
	line-height: 24px;
	margin-top: 5px;
	display: block;
	height: 30px;
	overflow: hidden;
}
.list-team li h3, list-team li p {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.list-team li p {
	opacity: 0;
*filter:alpha(opacity=0);
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.list-team li h3 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
.list-team li p {
	color: rgba(255,255,255,0.8);
	opacity: 0;
*filter:alpha(opacity=0);
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	height: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}
.list-team li:hover p {
	opacity: 1;
}
.list-team li:hover h3, .in-team li:hover p {
	-webkit-transform: translate3d(0, 30%, 0);
	transform: translate3d(0, 30%, 0);
}

.list-team li:hover .bg_main {
	display: none
}
.list-team .imgfd {
	border-radius:10px;
}
.about .imgfd {
	width: 48.7%;
	border-radius:20px;
}
.about .txt {
	width: 48.7%;
}
.about .txt h3 {
	font-size: 28px;
	color: #333;
	display: block;
	margin-bottom: 20px;
}
.des, .des p {
	font-size: 16px!important;
	color: #333!important;
	line-height: 30px!important;
}
.about .num {
	margin-top: 40px;
	width: 100%;
}
.about .num dt {
	width: 25%;
	float: left;
	font-size: 16px;
	color: #666;
	text-align: center;
}
.about .num dt:first-child {
	background: none;
}
.about .num dt b {
	font-size: 36px;
	color: #024e27;
	font-family: Arial;
	margin-right: 6px;
	letter-spacing: -1px;
}
.about .num dt span {
	color: #000;
}
@media (max-width:640px) {
.list-team .imgfd {
	border-radius:6px;
}
.list-team li .txt {
	border-radius:0 0 6px 6px;
}
.list-team li .txt .pad {
	padding: 0 10px;
}


.about .imgfd {
	border-radius:10px;
}

}
 @media screen and (max-width:1200px) {
.tit_ny h3 {
	font-size: 24px;
}
.dazhong_mab {
	padding: 50px 0;
}
}
@media screen and (max-width:1024px) {
.about .imgfd {
	display: none;
}
.about .txt {
	width: 100%;
}
.about .txt h3 {
	font-size: 24px;
}
.tit_ny h3 {
	font-size: 22px;
}
}
@media screen and (max-width:768px) {
.about .num dt b {
	font-size: 32px;
}
.list-team li {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 30px;
}
.list-team li:nth-child(2),.list-team li:nth-child(4) {
	margin-right: 0;
}
.list-team li:nth-child(3){
	margin-right: 4%;
}
.list-team li .txt p {
	display: none;
}
.list-team li .txt {
	height: 50px;
}
.about .txt h3 {
	font-size: 20px;
}
.tit_ny h3 {
	font-size: 20px;
}
.tit_ny p {
	font-size: 14px;
}
.tit_ny {
	margin-bottom: 20px;
}
.dazhong_mab {
	padding: 20px 0;
}
}
@media screen and (max-width:450px) {
.about .imgfd {
	display: block;
	width: 100%;
	margin-top: 30px;
}
.about .num dt b {
	font-size: 24px;
}
.about .txt h3 {
	font-size: 18px;
	margin-bottom: 10px;
}
.des, .des p {
	font-size: 14px!important;
	line-height: 26px!important;
}
.about .num dt {
	font-size: 14px;
}
.about .num {
	margin-top: 20px;
}
.list-team li .txt h3 {
	font-size: 14px;
}
.list-team li .txt .pad {
	padding: 0 6px;
}
.list-team li .txt {
	height: 26px;
	overflow:hidden;
}


.list-team li h3, list-team li p {
	-webkit-transform: none;
	transform: none;
}
.list-team li p {
	opacity: none;
*filter:none;
filter:none;
}
.list-team li h3 {
	-webkit-transition: none;
	transition: none;
}
.list-team li p {
	color: none;
	opacity: none;
*filter:none;
filter:none;
	height: none;
	-webkit-transition: none;
	transition: none;
}
.list-team li:hover p {
	opacity: none;
}
.list-team li:hover h3, .in-team li:hover p {
	-webkit-transform: none;
	transform: none;
}


.list-team li .txt p {
	display:none;
}

.list-team li {
	margin-bottom: 15px;
}
.tit_ny h3 {
	font-size: 18px;
}
.tit_ny p {
	font-size: 12px;
	display: block;
}
}